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内 容 简 介 


本 书 以 “新 知 书店 ”网 站 项 目的 开发 过 程 为 主线 ,以 C# 为 编程 语言 ,讲述 了 Web 应 用 程序 开发 从 系统 
架构 到 编码 实现 的 过 程 。 

全 书 共 分 为 10 个 单元 ,包括 网 上 书店 项 目 需求 分 析 与 设计 、ASP.NET 基础 及 开发 环境 构建 ,使 用 控 
件 高 效 创建 网 站 页 面 、 系 统 对 象 与 数据 传递 搭建 风格 统一 的 Web 站 点 、 数 据 库 访问 及 网 上 书店 系统 架 
构 数据 绑 定 技术 、 数 据 绑 定 控件 的 应 用 、 数 据 绑 定 控件 应 用 进 阶 “新 知 书店 ?购物 功能 的 设计 与 实现 。 

全 书 结合 专业 课程 特点 ,对 基于 ASP.NET Web 软件 开发 工作 过 程 进行 剖析 ,以 真实 完整 的 项 目 “ 新 
知 书店 ”为 载体 ,在 行业 专家 的 指导 下 ,结合 Web 项 目 开发 的 流程 和 规范 ,分 解 出 工作 过 程 的 典型 工作 任 
务 , 根 据 工作 任务 整合 相关 知识 点 ,按照 应 用 型 本 科 及 高 职 学 生 的 认 知 特点 设计 教学 过 程 ,把 基础 知识 的 
应 用 渗透 到 各 个 项 目 任务 中 。 任 务 讲解 步骤 清晰 ,循序 渐进 ,通过 对 项 目 任务 的 学 习 , 读 者 可 以 更 好 地 领 
会 ASP.NET 的 语法 和 编程 技巧 ,有 助 于 将 所 学 的 知识 融会 贯通 。 

本 书 内 容 丰 富 ,层次 清晰 ,讲解 深入 浅 出 ,可 作为 高 等 院 校 应 用 型 本 科 、 专 科 及 高 等 职业 院 校 计算 机 类 
专业 Web 应 用 程序 开发 课程 的 教材 ,也 可 作为 培训 班 的 培训 教材 ,还 可 供 从 事 ASP.NET 开发 和 应 用 的 相 
关 人 员 学 习 与 参考 
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随 着 我 国 改革 开放 的 进一步 深化 ,高 等 教育 也 得 到 了 快速 发 展 , 各 地 高 校 紧 密 结合 地 
经 济 建设 发 展 需要 ,科学 Sm eet 
造 传统 学 科 专业 的 投入 力度 ,通过 教育 改革 合理 调整 和 配置 了 教育 资源 ,优化 了 传统 学 科 专 
业 , 积 极为 地 方 经 济 建设 输送 人 才 ,为 我 国 经 济 社会 的 快速 、 健 康 和 可 持续 发 展 以 及 高 等 教 
育 自身 的 改革 发 展 做 出 了 巨大 贡献 。 但 是 ,高 等 教育 质量 还 需要 进一步 提高 以 适应 经 济 社 
会 发 展 的 需要 ,不 少 高 校 的 专业 设置 和 结构 不 尽 合理 ,教师 队伍 整体 素质 或 待 提高 ,人 才 培 
养 模式 、. 教 学 内 容 和 方法 需要 进一步 转变 ,学 生 的 实践 能 力 和 创新 精神 亚 待 加 强 。 

教育 部 一 直 十 分 重视 高 等 教育 质量 工作 。2007 年 1 月 ,教育 部 下 发 了 《关于 实施 高 等 
学 校本 科教 学 质量 与 教学 改革 工程 的 意见 》, 计 划 实 施 “ 高 等 学 校本 科教 学 质量 与 教学 改革 
工程 (简称 “质量 工程 ')”, 通 过 专业 结构 调整 课程 教材 建设 ,实践 教学 改革 、 教 学 团队 建设 
等 多 项 内 容 , 进 一 步 深化 高 等 学 校 教学 改革 ,提高 人 才 培 养 的 能 力 和 水 平 ,更 好 地 满足 经 济 
社会 发 展 对 高 素质 人 才 的 需要 。 在 贯彻 和 落实 教育 部 “质量 工程 ”的 过 程 中 ,各 地 高 校 发 挥 
师资 力量 强 、 办 学 经 验 丰 富 ,教学 资源 充裕 等 优势 ,对 其 特色 专业 及 特色 课程 ( 群 ) 加 以 规划 、 
整理 和 总 结 ,更 新 教学 内 容 改革 课程 体系 ,建设 了 一 大 批 内 容 新 .体系 新 方法 新 .手段 新 的 
特色 课程 。 在 此 基础 上 ,经 教育 部 相关 教学 指导 委员 会 专家 的 指导 和 建议 ,清华 大 学 出 版 社 
在 多 个 领域 精 选 各 高 校 的 特色 课程 ,分 别 规划 出 版 系列 教材 ,以 配合 “质量 工程 ”的 实施 , 满 
足 各 高 校 教学 质量 和 教学 改革 的 需要 。 

为 了 深入 贯彻 落实 教育 部 (关于 加 强 高 等 学 校本 科教 学 工作 ,提高 教学 质量 的 若干 意 
见 ) 精 神 , 紧 密 配 合 教育 部 已 经 启动 的 “高 等 学 校 教 学 二 与 教学 改革 工程 精品 课程 建设 工 
作 ”, 在 有 关 专 家 、 教 授 的 倡议 和 有 关 部 门 的 大 力 支 持 下 ,我 们 组 织 并 成 立 了 “清华 大 学 出 版 
社 教材 编审 委员 会 "(以 下 简称 “ 编 委 会 ”), 旨 在 配合 教育 部 制定 精品 课程 教材 的 出 版 规划 ， 
讨论 并 实施 精品 课程 教材 的 编写 与 出 版 工作 。“ 编 委 会 "成员 皆 来 自 全 国 各 类 高 等 学 校 教学 
与 科研 第 一 线 的 骨干 教师 ,其 中 许多 教师 为 各 校 相关 院 、 系 主管 教学 的 院 长 或 系 主任 。 

按照 教育 部 的 要 求 ,“ 编 委 会 "一致 认为 ,精品 课程 的 建设 工作 从 开始 就 要 坚持 高 标准 、 
严 要 求 , 处 于 一 个 比较 高 的 起 点 上 ; 精品 课程 教材 应 该 能 够 反映 各 高 校 教 学 改革 与 课程 建 
设 的 需要 ,要 有 特色 风格 有 创新 性 (新 体系 、 新 内 容 、 新 手段 .新 思路 ,教材 的 内 容 体 系 有 较 
高 的 科学 创新 、 技 术 创 新 和 理念 创新 的 含量 )、 先 进 性 (对 原 有 的 学 科 体系 有 实质 性 的 改革 和 
发 展 ,顺应 并 符合 21 世纪 教学 发 展 的 规律 ,代表 并 引领 课程 发 展 的 趋势 和 方向 ) ,示范 性 ( 教 
材 所 体现 的 课程 体系 具有 较 广泛 的 辐射 性 和 示范 性 ) 和 一 定 的 前 脆性 。 教 材 由 个 人 申报 或 
各 校 推荐 (通过 所 在 高 校 的 “ 编 委 会 "成 员 推 荐 ) ,经 * 编 委 会 ”认真 评审 ,最 后 由 清华 大 学 出 版 
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社 审定 出 版 。 


目前 ,针对 计算 机 类 和 电子 信息 类 相关 专业 成 立 了 两 个 “ 编 委 会 ”, 即 “清华 大 学 出 版 社 
计算 机 教材 编审 委员 会 > 和 * 清 华 大 学 出 版 社 电子 信息 教材 编审 委员 会 >。 推 出 的 特色 精品 


教材 包括 


(1) 21 世纪 高 等 学 校规 划 教材 。 计算 机 应 用 一 一 高 等 学 校 各 类 专业 ,特别 是 非 计算 机 


专业 的 计算 机 应 用 类 教材 。 


(2) 21 世纪 高 等 学 校规 划 教材 。 


教材 。 
(3) 21 世纪 高 等 学 校规 划 教 材 


(4) 21 世纪 高 等 学 校规 划 教材 。 
* 信息 管理 与 信息 系统 。 


(5) 21 世纪 高 等 学 校规 划 教材 


(6) 21 世纪 高 等 学 校规 划 教材 
* 电子 商务 。 


(7) 21 世纪 高 等 学 校规 划 教 材 


(8) 21 世纪 高 等 学 校规 划 教 材 


计算 机 科学 与 技术 一 一 高 等 学 校 计算 机 相关 专业 的 


* 电子 信息 一 一 高 等 学 校 电 子 信 息 相关 专业 的 教材 。 


软件 工程 一 一 高 等 学 校 软件 工程 相关 专业 的 教材 。 
财经 管理 与 应 用 。 


物 联网 。 


清华 大 学 出 版 社 经 过 三 十 多 年 的 努力 ,在 教材 尤其 是 计算 机 和 电子 信息 类 专业 教材 出 


版 方面 树立 了 权威 品牌 ,为 我 国 的 高 


等 教育 事业 做 出 了 重要 贡献 。 清 华 版 教材 形成 了 技术 


准确 、 内 容 严 并 的 独特 风格 ,这 种 风格 将 延续 并 反映 在 特色 精品 教材 的 建设 中 。 


清华 大 学 出 版 社 教材 编审 委员 会 
联系 人 : 魏 江 江 


E-mail: weijj@tup. tsinghua. edu. cn 


随 着 社会 经 济 的 高 速 发 展 ,我 国 的 高 等 教育 已 从 精英 教育 走向 大 众 化 教育 的 发 展 阶段 。 
国际 高 等 教育 的 历史 说 明 高 等 职业 教育 必 将 成 为 这 一 发 展 过 程 的 主力 军 。 对 于 我 国 这 种 从 
专科 转型 的 高 等 职业 教育 ,现今 还 处 于 探索 阶段 ,教材 建设 是 教育 改革 的 重要 方面 。 

高 等 职业 教育 是 高 等 教育 的 一 种 类 型 , 它 与 传统 的 普通 高 等 教育 既 联系 紧密 ,又 有 本 质 
的 区 别 , 高 等 职业 教育 强调 面向 社会 生产、 管理 .服务 第 一 线 , 培 养 技术 应 用 性 人 才 ,学生 毕 
业 后 , 即 可 发 挥 其 所 学 专长 。 所 以 ,根据 我 国教 育 部 规定 ,高 等 职业 教育 需 根据 其 自身 的 特 
点 ,建立 自己 的 教材 体系 。 

本 书 是 项 目 化 人 才 培 养 的 创新 教程 .突出 以 工作 过 程 为 导向 ,以 工作 任务 为 基础 ,突出 
职业 和 实践 特色 ,侧重 培养 学 生 软 件 设计 、 代 码 编写 .软件 文档 编写 规范 等 能 力 。 

开发 网 站 的 基本 要 求 是 : 前 台 页 面 美观 ,后 台数 据 安全 、 开 发 效率 高 .数据 访问 速度 快 。 
ASP.NET 开发 技术 在 这 些 方面 都 有 一 定 的 优势 ,也 深 受 Web 开发 人 员 的 青睐 。 作 为 一 本 
ASP.NET 开发 技术 的 入 门 教材 ,本 书 不 是 简单 地 罗列 控件 和 对 象 ,也 不 是 浅显 地 介绍 数据 
访问 方面 的 知识 ,而 是 从 网 站 开发 的 实际 需求 和 学 习 者 的 认 知 规律 出 发 设计 教学 单元 和 操 
作 任 务 。 本 书 共 设 计 了 10 个 教学 单元 和 38 项 操作 任务 ,10 个 教学 单元 的 排列 顺序 为 : 项 
目 需求 分 析 与 设计 一 开发 平台 搭建 一 定制 界面 一 应 用 对 象 一 设计 外 观 与 导航 一 数据 访问 与 
系统 架构 一 数据 绑 定 一 数据 查询 .展示 与 编辑 一 用 户 管理 一 购物 车 的 设计 与 实现 。38 项 操 
作 任 务 合理 地 分 布 在 各 个 教学 单元 中 ,这 些 任 务 都 是 按照 由 易 到 难 、 由 简单 到 复杂 的 顺序 设 
置 的 。 

本 书 特色 : 

(1) 面向 企业 实际 需求 ,以 培养 能 力 为 目标 。 本 书面 向 企业 的 实际 工作 需要 ,以 企业 实 
际 应 用 项 目 为 素材 ,以 积累 项 目 经 验 、 培 养 应 用 能 力 、 形 成 企业 工作 规范 为 目标 ,按照 项 目 开 
发 的 工作 过 程 组 织 编写 。 

(2) 以 项 目 为 载体 ,以 任务 为 驱动 。 全 书 以 “新 知 书店 ”网 站 开发 项 目 为 载体 ,将 学 习 过 
程 、 工 作 过 程 与 学 生 知识 技能 的 培养 联系 起 来 ,构建 10 个 单元 ,每 个 单元 分 解 为 若干 任务 。 

(3) 配套 资源 丰富 。 免 费 提供 包括 素材 、 源 文件 .教学 课件 .课程 标准 、 课 程 整体 教学 设 
计 、 单 元 教学 设计 、 考 核 方式 的 教学 资源 ,可 在 清华 大 学 出 版 社 的 网 站 下 载 , 网 址 为 http:// 
www. tup. tsinghua. edu. cn。 

本 教程 主要 面向 应 用 型 本 科 及 高 等 职业 院 校 计算 机 类 专业 的 学 生 , 内 容 构造 体现 “以 应 
用 为 主体 ”, 强 调 知 识 的 理解 和 运用 ,实现 高 校 应 用 型 本 科 及 高 等 职业 教育 教学 以 实践 体系 
为 主 及 以 技术 应 用 能 力 培养 为 主 的 目标 ,符合 现代 高 等 职业 教育 对 教材 的 需求 。 

本 书 由 肖 宏 启 编著 ,参与 资料 整理 和 程序 调试 的 有 贵州 航天 职业 技术 学 院 软 件 技术 重 
点 专业 建设 项 目 组 成 员 陈 美 成 、 汤 智 华 、 苏 畅 、 柳 均 、 陆 树 芬 、 周 奇 衡 等 老师 。 本 书 编写 过 程 
中 得 到 了 院 长 孙 平 安 , 副 院 长 王 逸 群 , 冯 伟 ,信息 工程 系 系 主任 杨 先 立 的 大 力 支 持 , 在 此 对 大 
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家 的 辛勤 工作 表示 衷心 感谢 。 本 书 在 编写 过 程 中 ,还 参考 了 近 5 年 出 版 的 ASP.NET 技术 
相关 专著 教材 及 杂志 ,以 及 互联 网 上 的 相关 资料 ,在 此 一 并 表示 衷心 的 感谢 。 最 后 ,感谢 所 
有 在 本 书写 作 过 程 中 给 予 帮助 的 人 ,特别 是 在 此 过 程 中 默默 付出 的 我 的 麦子 燕 雁 。 

本 教材 的 结构 是 一 种 新 的 尝试 ,能 否 得 到 同行 的 认可 ,能 否 给 教学 带 来 新 的 感受 ,需要 
经 过 实践 的 检验 。 特 别 希 望 各 位 读者 能 通过 作者 邮箱 xiaohongqi2000@163. com 分 享 体 
会 ,提供 意见 建议 。 由 于 编写 教材 的 时 间 紧 张 , 难 免 存 在 疏漏 , 敬 请 读者 批评 指正 。 


编 者 
2014 年 10 月 
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教学 目标 : 

里 学 会 根据 客户 描述 分 析 业 务 需 求 。 

四 掌握 根据 业务 需求 进行 系统 分 析 与 设计 ,确定 功能 模块 , 画 出 流程 图 的 方法 。 
回 掌握 根据 需求 设计 数据 库 并 创建 表 的 方法 。 


(1.1 知识 准备 


1.1.1 需求 分 析 


本 书 以 “新 知 书 店 ” 这 一 项 目 贯 穿 始终 ,在 软件 开发 项 目 中 ,需求 分 析 是 一 个 非常 重要 的 
环节 ,可 以 说 需求 分 析 与 设计 是 否 合理 决定 了 软件 开发 项 目 实施 的 成 败 。 软 件 开 发 项 目的 
需求 分 析 主 要 解决 做 什么 的 问题 ,设计 是 解决 如 何 做 的 问题 。“ 新 知 书店 ”这 一 软件 开发 项 
目的 需求 分 析 包 括 需求 调研 、 功 能 与 性 能 分 析 、 编 写 需求 分 析 报 告 . 需 求 评审 ; 设计 包括 框 
架设 计 、 数 据 库 设 计 , 详 细 设计 将 在 后 面 各 单元 中 分 别 展开 。 


1. 需求 分 析 的 定义 


IEEE 软件 工程 标准 词汇 表 (1997 年 ) 中 定义 的 需求 为 : 

(1) 用 户 解决 问题 或 达到 目标 所 需 的 条 件 或 能 力 。 

(2) 系统 或 系统 部 件 要 满足 合同 、 标 准 、 规 范 或 其 他 正式 规定 文档 所 需 具 有 的 条 件 或 
能 力 。 

(3) 一 种 反映 上 述 条 件 和 能 力 的 文档 说 明 。 


2. 需求 分 析 的 任务 


需求 分 析 的 任务 是 借助 于 当前 系统 的 物理 模型 ( 待 开 发 系统 的 系统 元 素 ) 导 出 目标 系统 
的 逻辑 模型 (只 描述 系统 要 完成 的 功能 和 要 处 理 的 数据 ) .解决 目标 系统 “做 什么 ”的 问题 ,所 
要 做 的 工作 是 深入 描述 软件 的 功能 和 性 能 ,确定 软件 设计 的 限制 和 软件 同 其 他 系统 元 素 的 
接口 细节 ,定义 软件 的 其 他 有 效 性 需求 ,通过 逐步 细 化 对 软件 的 要 求 描述 软件 要 处 理 的 数 
据 , 并 给 软件 开发 提供 一 种 可 以 转化 为 数据 设计 、 结 构 设 计 和 过 程 设计 的 数据 与 功能 表示 。 
必须 全 面 理解 用 户 的 各 项 要 求 ,但 不 能 全 盘 接 受 , 只 能 接受 合理 的 要 求 ; 对 其 中 模糊 的 要 求 
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要 进一步 漆 清 ,然后 决定 是 否 采纳 ; 对 于 无 法 实现 的 要 求 要 向 用 户 作 充 分 的 解释 。 最 后 将 
软件 的 需求 准确 地 表达 出 来 ,形成 软件 需求 说 明 书 (Software Requirements Specification， 
SRS) ,其 实现 步骤 如 图 1-1 所 示 。 


要 前 未 统 
( 工 或 原 软 作 ) 
NR 
加 
(HR (eR )- 


表达 需求 
图 1-1 软件 开发 项 目 需求 分 析 实现 步 又 


(1) 获得 当前 系统 的 物理 模型 : 首先 分 析 、 理 解 当 前 系统 是 如 何 运行 的 ,了 解 当前 系统 
的 组 织 机 构 、 输 入 输出 资源 利用 情况 和 日 常数 据 处 理 过 程 ,并 用 一 个 具体 的 模型 来 反映 自 
己 对 当前 系统 的 理解 。 此 步骤 也 可 以 称 为 “业务 建 模 ”, 其 主要 任务 是 对 用 户 的 组 织 机 构 或 
企业 进行 评估 ,理解 其 需要 及 未 来 系统 要 解决 的 问题 ,然后 建立 一 个 业务 USECASE 模型 
和 业务 对 象 模型 。 当 然 如 果 系 统 相对 简单 ,也 没 必 要 大 动 干戈 去 进行 业务 建 模 , 只 要 做 一 些 
简单 的 业务 分 析 即 可 。 

(2) 抽象 出 当前 系统 的 多 辑 模型 : 在 理解 当前 系统 “怎样 做 ”的 基础 上 ,去 除非 本 质 因 
素 , 抽 取出 “做 什么 ”的 本 质 。 

(3) 建立 目标 系统 的 逻辑 模型 : 明确 目标 系统 要 “做 什么 ”。 

(4) 对 逻辑 模型 的 补充 ,如 用 户 界面 、. 启 动 和 结束 .出 错 处 理 ` 系 统 输 入 输出 、 系 统 性 能 、 
其 他 限制 ,等 等 。 


3. 需求 分 析 的 过 程 


需求 分 析 可 分 为 问题 识别 、 分 析 与 综合 、 编 制 需求 分 析 文 档 和 需求 评审 四 个 阶段 ,需求 
调研 属于 问题 识别 阶段 。 需 求 分 析 个 过 程 如 下 : 

(1) 问题 识别 。 解 决 目标 系统 做 什么 ,做 到 什么 程度 。 需 求 包括 功 能 、 性 能 、 环 境 、 可 靠 
性 ,安全 性 ,保密 性 、 用 户 界面 ,资源 使 用 、 成 本 、 进 度 。 同 时 建立 需求 调查 分 析 所 需 的 通信 
途径 。 

(2) 分 析 与 综合 。 从 数据 流 和 数据 结构 出 发 ,逐步 细 化 所 有 的 软件 功能 , 找 出 各 元 素 之 
间 的 联系 .接口 特 性 和 设计 上 的 限制 ,分 析 它 们 是 否 满足 功能 要 求 并 剔除 不 合理 部 分 ,综合 
成 系统 解决 方案 ,给 出 目标 系统 的 详细 逻辑 模型 。 常 用 的 分 析 方 法 有 面向 数据 流 的 结构 化 
分 析 方法 SA( 数 据 流 图 DFD 数据 词典 DD、. 加 工 逻辑 说 明 ) ,描绘 系统 数据 关系 的 实体 关系 
图 ERD 面向 数据 结构 的 Jackson 方法 JSD 面向 对 象 分 析 方 法 OOA( 主 要 用 UML) 、 对 于 
有 动态 时 序 问题 的 软件 可 以 用 形式 化 技术 ,包括 有 穷 状态 机 FSM 的 状态 迁移 (转换 ) 图 
STD .时序 图 .Petri。 每 一 种 分 析 建 模 方法 都 有 其 优势 和 局 限 性 ,可 以 兼 而 有 之 ,以 不 同 角 
度 分 析 , 应 该 避免 陷入 在 软件 需求 方法 和 模型 中 发 生 教条 的 思维 模式 和 派系 斗争 ,一 般 来 说 
结构 化 方法 用 于 中 小 规模 软件 、 面 向 对 象 方法 用 于 大 型 软件 。 

(3) 编制 需求 分 析 文 档 。 得 到 一 个 目标 系统 的 蓝图 。 
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(4) 需求 评审 。 通 过 与 用 户 及 有 该 系统 相关 经 验 的 专家 进行 评审 ,得 到 用 户 确认 后 才 
可 以 进行 下 一 步 的 软件 设计 工作 。 

软件 开发 项 目 中 ,没有 正确 的 客户 需求 比 没有 需求 更 可 怕 。 需 求 分 析 不 仅仅 是 单方 面 
记录 用 户 的 需求 ,而 是 通过 与 用 户 通力 合作 ,与 客户 一 起 探索 需求 ,并 达成 对 问题 的 共识 ,以 
及 合作 探索 出 最 佳 解决 方案 。 


4. 需求 调研 方法 


要 得 到 有 效 的 用 户 需 求 , 需 要 进行 需求 调研 ,收集 相关 信息 ,具体 方法 有 : 实地 操作 、 访 
谈 、 特 殊 群 体 调查 、 问 卷 调 查 ,情景 分 析 、 原 型 等 。 

1) 实地 操作 

到 用 户 的 实际 工作 环境 中 观察 用 户 如 何 完 成 任务 ,并 向 用 户 询问 与 任务 相关 的 问题 ,这 
样 可 以 得 到 第 一 手 真实 信息 ,还 可 以 了 解 到 完成 一 个 具体 任务 的 目的 ,要 尽 可 能 地 多 收集 信 
息 , 还 要 鼓励 用 户 多 解释 完成 该 任务 的 原因 ,观察 用 户 操作 和 听取 用 户 解 释 是 被 动 的 ,而 询 
问 用 户 则 是 主动 的 。 

2) 访谈 

访谈 是 需求 分 析 人 员 与 用 户 进行 会 谈 , 访 谈 者 和 被 访谈 者 的 技能 决定 了 访谈 收集 息 的 
质量 ,访谈 在 收集 某 些 信息 时 非常 有 用 ,如 跨 多 个 单独 任务 或 部 门 的 过 程 。 

3) 问卷 调查 

由 一 组 用 来 收集 信息 的 问题 组 成 一 张 问卷 ,进行 匿名 调查 ,要 得 到 最 有 用 的 信息 ,需要 
专业 人 员 来 设计 ,并 分 析 问 卷 调查 结果 ,通过 问卷 调查 ,得 到 经 过 仔细 考虑 的 书面 回答 可 能 
比 会 谈 中 的 回答 更 加 准确 ,不 过 问卷 的 结果 可 能 会 受用 户 态度 影响 ,具有 主观 性 。 

4) 情景 分 析 

利用 情景 分 析 诱 导 用 户 能 够 把 需求 告诉 分 析 员 (可 以 描述 当前 一 项 业务 怎么 做 ,也 可 以 
描述 设想 的 系统 中 此 项 业务 怎么 做 ?收集 分析 客户 使 用 的 各 种 表格 ,有 关 工作 责任 .工作 流程 、 
工作 规范 相关 数据 标准 ,业务 标准 的 各 种 文字 资料 ,从 中 得 到 一 些 要 处 理 的 数据 和 过 程 。 

5) 原型 

能 够 模拟 创建 被 提议 的 解决 方案 来 收集 信息 , 当 在 一 个 常规 工作 环境 中 不 可 能 实地 操 
作 时 ,原型 就 非常 有 用 ,可 以 收集 同类 相关 产品 的 宣传 资料 .技术 资料 ,演示 程序 或 类 似 的 软 
件 程 序 。 原 型 法 能 帮助 验证 或 记录 从 用 户 和 业务 的 角度 得 出 的 信息 。 但 如 果 自 己 建 立 原 
型 , 则 成 本 比较 高 。 


5. 需求 调研 基本 策略 


(1) 首先 确定 用 户 的 软件 开发 目标 ,确定 系统 基本 范围 ,然后 围绕 这 一 目标 ,确定 要 访 
谈 的 部 门 和 人 员 、 要 了 解 的 业务 ,在 基本 范围 内 展开 调研 。 

(2) 以 部 门 职责 为 基础 搞 清 各 种 现 有 业务 、 要 填写 的 各 类 表格 文档 和 生成 的 报表 等 及 
其 数据 来 源 和 去 向 。 

(3) 以 业务 为 主线 , 搞 清 每 个 业务 环节 的 实现 流程 涉及 人 员 输入 输出 项 。 

(4) 以 数据 为 主线 , 搞 清 数据 采集 方式 ,数据 流向 .数据 之 间 的 内 在 联系 。 

(5) 如 果 用 户 有 其 他 已 建 系统 不 能 继续 使 用 或 蔡 换 , 则 要 搞 清 哪些 业务 或 数据 是 已 建 
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系统 的 ,并 要 和 弄 清 已 建 系统 的 实现 流程 和 管理 数据 。 
(6) 应 思考 是 否 有 新 技术 和 新 流程 可 以 改进 现 有 业务 系统 ,用 户 提 出 的 需求 能 否 用 现 
有 技术 在 经 济 允 许 的 条 件 下 实现 。 


6. 需求 分 析 组 成 


软件 开发 项 目 需求 分 析 中 ,一 般 可 以 从 三 个 方面 去 考虑 。 

1) 功能 需求 

产品 应 该 完成 哪些 功能 , 即 向 用 户 提供 的 功能 ,一 般 来 说 ,这 个 都 是 比较 硬性 的 标准 。 

2) 非 功能 性 需求 

用 户 可 能 不 能 明确 地 提出 一 些 需求 ,比如 说 性 能 达到 什么 标准 ,可 靠 性 、 响 应 时 间 、 扩 展 
性 、 性 能 等 方面 的 要 求 。 

3) 一 些 约束 

在 需求 分 析 中 需要 考虑 一 些 条 件 约束 、 规 则 等 ,比如 客户 的 约 东 ,行业 的 约束 、 法 律 的 约 
东 以 及 自我 的 约束 等 。 

软件 需求 的 各 组 成 员 部 分 如 图 1-2 所 示 。 


业务 害 求 
CC 
1 
项 目 范围 与 视 的 文档 


加 一 一 一 - 
< 太宗 大量 届 性 > 
2 
使 用 实例 文档 


六 


功能 需 冰 


其 他 非 功 能 性 需求 


1-2 软件 开发 项 目 需 求 的 组 成 


软件 需求 规格 说 明 蔬 


需求 文档 的 编写 需要 使 用 多 种 软件 工具 ,调研 结果 “需求 分 析 说 明 书 ” 的 格式 参照 开 发 
文档 模板 ,一般 使 用 Word 和 Excel 实现 文本 和 表格 的 编写 。 而 功能 模块 分 解 图 、 组 织 结构 
图 可 以 用 Visio 或 Word 绘制 ,面向 对 象 的 UML 分 析 设 计 图 可 以 用 Visio 或 Rational Rose 
绘制 ,数据 物理 模型 用 PowerDesigner 或 QDesigner 绘制 。 

1) 编写 方法 

以 把 需求 说 清楚 为 目的 ,可 以 由 自然 语言 描述 文本 ,以 图 形 化 的 模型 来 描绘 系统 状态 、 
变化 及 对 象 类 关系 等 ,有 时 还 可 以 通过 使 用 精确 的 形式 化 逻辑 语言 来 定 需求 。 


单元 1 网 上 书店 项 目 需求 分 析 与 设计 


2) 应 有 成 果 

(1) 各 业务 手工 办 理 流程 文字 说 明 。 

(2) 各 业务 手工 办 理 流 程 图 。 

(3) 各 业务 手工 办 理 各 环节 输入 输出 表单 .数据 来 源 。 

(4) 目标 软件 系统 功能 结构 图 及 文字 说 明 。 

(5) 目标 软件 系统 中 的 各 业务 模块 处 理 流程 模型 及 文字 说 明 。 

(6) 目标 软件 系统 中 的 各 业务 模块 处 理 数据 、 数 据 采 集 方 式 ,数据 间 的 内 在 联系 分 析 。 

(7) 目标 软件 系统 用 户 界面 设计 图 ,系统 各 模块 逻辑 联系 图 及 说 明 。 

3) 需求 文档 编写 原则 

(1) 句子 简短 完整 ,具有 正确 的 语法 、 拼 写 和 标点 。 

(2) 使 用 的 术语 与 词汇 表 中 所 定义 的 一 致 。 

(3) 需求 陈述 应 该 有 一 致 的 样式 ,例如 “系统 必须 ……” 或 者 “用 户 必须 ……”, 并 紧 跟 一 
个 行为 动作 和 可 观察 的 结果 。 

(4) 避免 使 用 模糊 、 主 观 的 术语 ,减少 不 确定 性 ,如 “界面 友好 、 操 作 方 便 ”。 

(5) 避免 使 用 比较 性 词语 ,如 “提高 ”, 应 定量 说 明 提 高 程度 。 


1.1.2 ”数据库 设计 


1. 数据 库 设 计 概 述 


目前 ,数据 管理 技术 已 离 不 开 数 据 管理 系统 (DDMS) ,通过 数据 库 管理 系统 ,可 以 实现 
数据 的 充分 共享 ,交叉 访问 与 应 用 程序 的 高 度 独立 ,同时 数据 管理 理 系统 对 数据 的 完整 性 、 
唯一 性 和 安全 性 提供 了 一 套 有 效 的 管理 手段 ,另外 ,还 提供 了 管理 和 控制 数据 的 各 种 操作 命 
令 ,便于 编程 应 用 。 

对 于 数据 库 的 设计 ,一般 从 概念 模型 开始 ,数据 模型 是 对 现实 世界 特征 数据 的 模拟 和 抽 
象 , 在 概念 模型 设计 阶段 ,着 重 分 析 数 据 所 的 逻辑 结构 ,避免 陷入 具体 的 存储 细节 ,所 有 的 设 
计 都 与 将 来 所 要 采用 的 具体 数据 库 有 关 。 

要 开发 一 个 基于 数据 库 的 应 用 系统 ,其 中 最 关键 的 一 步 就 是 整个 系统 所 依据 的 数据 库 
的 建 模 设计 ,从 迎 辑 的 到 物理 的 ,一 个 环节 朴 于 设计 ,整个 应 用 系统 便 似 建立 在 危房 之 上 , 同 
时 , 随 着 开发 过 程 的 不 断 深入 ,还 要 随时 面 对 各 种 难以 预料 的 风险 ,开发 者 要 为 修改 或 重新 
设计 没有 设计 好 的 数据 库 系 统 而 付出 难以 预料 的 代价 ,所 以 ,一 个 良好 的 数据 库 设计 是 高 效 


2. 逻辑 建 模 


数据 库 设 计 的 方法 因 具 体 数据 而 异 , 但 是 建 模 阶段 是 相同 的 ,所 以 可 以 用 一 些 通用 工具 
来 进行 ,如 Rational rose、.PowerDesigner 等 ,这 一 阶段 主要 是 依据 系统 的 需求 ,获取 与 分 析 
要 实现 的 应 用 系统 信息 ,进行 数据 内 部 以 及 外 在 关系 的 分 析 , 从 而 有 效 地 建立 整个 系统 的 数 
据 结构 (在 关系 数据 库 中 通常 称 为 表 结构 ) ,在 此 基础 上 对 数据 库 的 数据 量 、 数 据 流 量 及 响应 
速度 佑 算 分 析 , 这 样 数据 模型 就 产生 了 。 具 体 的 操作 准则 是 数据 库 的 几 个 范式 、 用 户 的 具体 
需求 和 分 析 者 的 经 验 ,以 及 从 数据 库 的 性 能 安全、 方便 管理 ,易于 开发 等 方面 出 发 ; 具体 方 
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法 可 以 因 分 析 员 的 喜好 和 习惯 而 异 ,可 以 不 用 工具 ,但 最 好 使 用 工具 ,因为 这 能 使 分 析 过 程 
简便 ,最 主要 的 是 可 以 生成 一 些 图 ,如 E-R 图 ,让 分 析 过 程 一 目 了 然 。 


3. 物理 设计 


此 步 设计 和 系统 将 具体 使 用 的 数据 库 有 关 , 也 和 数据 库 所 运行 的 硬 、 软 件 平台 有 关 , 目 
的 是 尽量 合理 地 给 数据 库 分 配 物理 空间 。 这 一 步 在 数据 库 设 计 中 很 重要 ,关系 到 数据 库 数 
据 的 安全 和 数据 库 的 性 能 ,具体 来 说 ,这 一 步 包括 相应 表 空 间 的 数据 文件 在 磁盘 上 的 分 配 ， 
还 要 根据 数据 量 的 大 小 确定 重 做 日 志文 件 ` 回 滚 段 的 大 小 ,然后 进行 分 配 ,这些 文件 的 分 配 
要 遵循 利于 备份 .利于 性 能 优化 的 原则 。 


4. 数据 库 设 计 原 则 


在 定义 数据 库 表 和 字段 需求 (输入 ) 时 ,首先 应 检查 现 有 的 或 者 已 经 设计 出 的 报表 查询 
和 视图 (输出 ) 来 决定 为 了 支持 这 些 输出 哪些 是 必要 的 表 和 字段 。E-R 图 表 和 数据 字典 可 以 
让 任何 了 解数 据 库 的 人 都 明确 如 何 从 数据 库 中 获得 数据 。E-R 图 为 说 明 表 之 间 关 系 很 有 
用 ,而 数据 字典 则 说 明了 每 个 字段 的 用 途 以 及 任何 可 能 存在 的 别名 。 对 SQL 表达 式 的 文档 
化 来 说 这 是 完全 必要 的 。 另 外 ,数据 库 各 种 对 象 的 命名 也 必须 符合 规范 。 

(1) 标准 化 和 规范 化 。 数 据 的 标准 化 有 助 于 消除 数据 库 中 的 数据 完 余 。 标 准 化 有 好 几 
种 形式 ,但 Third Normal Form(3NF) 通 常 被 认为 在 性 能 、 扩 展 性 和 数据 完整 性 方面 达到 了 
最 好 平衡 。 简 单 来 说 ,遵守 3NF 标准 的 数据 库 的 表 设 计 原 则 , 即 某 个 表 只 包括 其 本 身 基本 
的 属性 , 当 不 是 它们 本 身 所 具有 的 属性 时 需 进行 分 解 。 表 之 间 的 关系 通过 外 键 相连 接 。 它 
的 特点 是 有 一 组 表 专 门 存放 通过 键 连接 起 来 的 关联 数据 。 

(2) 数据 驱动 。 采 用 数据 驱动 而 非 硬 编码 的 方式 ,许多 策略 变更 和 维护 都 会 方便 得 多 ， 
大 大 增强 了 系统 的 灵活 性 和 扩展 性 。 


2 单元 任务 


任务 1-2-1 “新 知 书店 ”项 目 需求 分 析 


【任务 描述 】 

“新 知 书店 ?项 目 系 统 参照 成 熟 的 商业 网 站 ,如 当当 网 .卓越 亚马逊 网 等 ,采用 B/S 架 
构 , 有 多 个 功能 模块 ,分 为 前 台 和 后 台 两 部 分 : 前 台 包括 图 书展 示 和 销售 (图 书 类 别 列表 、 图 
书 详细 信息 显示 、 图 书 搜索 购物 车 管理 ,订单 生成 与 付款 等 )、 网 站 用 户 中 心 ( 客 户 登 录 , 会 
员 资 料 修改 .收藏 夹 \ 图 书评 论 等 ) 首页 与 图 书 推荐 .其 他 辅助 信息 发 布 等 功能 模块 ; 后 台 
包括 用 户 信息 管理 .订单 管理 ` 图 书 类 别 与 详细 信息 管理 ,采购 与 库存 管理 ,配送 管理 、 财 务 
管理 、 系 统管 理 等 功能 模块 。 考 虑 到 有 的 业务 需要 特定 条 件 才能 实现 ,另外 限于 篇 幅 因素 ， 
这 里 采用 简单 化 处 理 , 比 如 付款 、 采 购 、 库 存 、 配 送 、 财 务 等 模块 在 本 系统 中 就 不 实现 了 ,只 选 
取 了 主要 功能 模块 来 进行 实现 。 

根据 需求 分 析 要 求 ,实现 以 下 任务 : 

。 设计 网 站 总 体 结构 。 


单元 1 网 上 书店 项 目 需求 分 析 与 设计 YA 


。 设计 系统 技术 框架 。 

。 设计 主要 实现 流程 。 

。 数据 字典 。 

。 其 他 内 容 。 

【任务 实施 】 

根据 系统 确定 的 边界 范围 ,确定 “新 知 书店 ”的 功能 模块 ,采用 Visio 或 Word 绘制 总 体 
结构 图 .系统 技术 框架 图 、 模 块 功能 的 用 例 图 和 前 后 台 的 实现 流程 ,完成 相关 文档 ,如 需求 调 
研 报告 用例 提取 及 描述 .数据 字典 等 。 


1. 网 站 总 体 结构 设计 


总 体 结 构 设 计 的 主要 任务 是 将 整个 系统 合理 的 划分 为 多 个 功能 模块 ,正确 地 处 理 模板 
之 间 与 模块 内 部 的 联系 以 及 它们 之 间 的 调用 关系 和 数据 联系 ,并 定义 整个 模板 的 内 部 结构 。 
通过 调查 了 解 及 对 商业 网 站 的 分 析 ,“ 新 知 书店 ”项目 分 为 前 台 系统 和 后 台 管理 系统 ,前 台 系 
统 分 为 网 站 首页 、 图 书 列表 、 图 书展 示 、 图 书 搜索 、 购 物 车 管理 ,会 员 中 心 ,订单 生成 .用 户 登 
录 、 资 料 修改 、 发 布 评论 等 功能 模块 ,而 后 台 管理 系统 分 为 订单 管理 .类别 管理、 图 书信 息 管 
理 . 用 户 管理 .系统 管理 .图 书 推荐 .通知 发 布 等 功能 模块 “新 知 书店 ”总体 结构 如 图 1-3 
所 示 。 


[mm] 


1 
前 台 系 统 后 台 系统 
[ I 
图 
网 图 用 图 
站 | | 书 户 书 
首 | | 列 管 管 
页 | | 表 再 惠 


图 1-3 “新 知 书店 ?系统 总 体 结构 图 


2. 网 站 主要 用 例 描 述 与 功能 流程 


“新 知 书店 "项目 主要 从 用 户 和 网 站 管理 员 的 角度 出 发 来 进行 ,系统 参与 者 有 游客 ,会 
和 管理 员 3 种 用 户 。 游 客 可 以 浏览 图 书信 息 , 没 有 注册 为 会 员 , 所 以 不 能 添加 图 书 到 购物 
车 .下 订单 .购买 图 书 等 ; 会 员 是 注册 了 的 用 户 角色 ,所 以 能 够 浏览 图 书 、 添 加 图 书 到 购物 
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车 、 下 订单 .购买 图 书 ,也 能 够 修改 自己 的 信息 、 购 物 车 的 信息 和 订单 的 信息 等 功能 ; 管理 员 
具有 后 台 管 理 的 所 有 功能 ,包括 前 台 功 能 。 系 统 分 前 台 和 后 台 两 个 主要 流程 来 进行 ,前台 
客户 网 上 购书 流程 ,后 台 为 后 台 系统 管理 应 用 。 

(1) 确定 “新 知 书店 ”系统 的 参与 者 后 ,必须 确定 参与 者 所 使 用 的 用 例 , 用 例 是 参与 者 
与 系统 交互 过 程 中 需要 系统 完成 的 任务 。 识 别 用 例 的 最 好 方法 是 从 参与 者 的 角度 开始 
分 析 , 这 一 过 程 可 通过 提出 “要 系统 做 什么 ?” 这 样 的 问题 来 完成 。 由 于 系统 中 存在 3 种 类 
型 的 参与 者 ,经 过 详细 分 析 , 从 这 3 种 类 型 的 参与 者 角度 出 发 ,系统 具有 如 表 1-1 所 示 的 


用 例 。 
表 1-1 “新 知 书店 ”网 站 系统 用 例 列 表 
用 例 名 称 描 述 

登录 会 员 登录 系统 
注册 游客 注册 成 为 会 员 
查看 新 书 预 览 BOOKSHOP 中 的 新 增 书籍 
浏览 购物 车 物品 查询 当前 的 购买 物品 信息 
搜索 图 书 查询 需要 购买 的 图 书 
图 书 高 级 搜索 按 一 个 或 多 个 信息 查询 图 书 
浏览 图 书 列表 显示 查询 的 书籍 列表 
浏览 图 书 详细 信息 查看 图 书 的 详细 信息 
分 类 查看 图 书 按 类 别 查看 书籍 
购买 书籍 将 需要 购买 的 书籍 放 入 购物 车 
浏览 公告 查看 当前 BOOKSHOP 系统 公告 
浏览 广告 显示 ,系统 当前 轮换 图 片 中 的 广告 
支付 订单 结算 ,跳出 并 登录 支付 宝 页 面 
修改 密码 会 员 ,管理 员 进行 密码 修改 
查询 订单 查看 历史 订单 信息 
收 货 信 息 设置 设置 收 货 地 址 ,邮编 等 详细 信息 
订单 查看 或 修改 查看 ,修改 订单 信息 
维护 公告 广告 管理 员 添加 、 修 改 、 删 除 等 广告 管理 
维护 用 户 信息 管理 员 对 会 员 进 行 维护 
维护 图 书信 息 管理 员 对 图 书 进行 维护 


限于 篇 幅 , 这 里 只 选取 几 个 典型 的 用 例 进 行 描述 ,需要 说 明 的 是 在 后 续 单 元 中 并 非 所 有 
用 例 所 描述 的 功能 都 实现 ,只 作为 需求 分 析 列 出 . 供 有 兴趣 的 读者 扩展 。 
(2)“ 新 知 书店 ”系统 前 台 的 程序 流程 图 如 图 1-4 所 示 。 


(3) 浏览 图 书 列表 用 例 分 析 与 描述 。 
浏览 图 书 列表 用 例 图 如 图 1-5 所 示 。 
浏览 图 书 列表 用 例 描述 如 表 1-2 所 示 。 


单元 1 网 上 书店 项 目 需求 分 析 与 设计 


开始 


进入 “新 知 书店 ”网 站 证 页 


浏览 图 上 


查看 图 书 详细 信息 


添加 到 购物 车 


联系 管理 员 
漆 加 账户 存款 


图 1-4 “新 知 书店 ?系统 前 台 的 程序 流程 图 


Se 浏览 图 书 列表 


用 卢 (游客 、 会 员 及 管理 员 ) 
图 1-5 浏览 图 书 列 表 用 例 
表 1-2 浏览 图 书 列表 用 例 的 细 化 描述 


用 例 名 称 浏览 图 书 列表 
用 例 描述 显示 查询 的 书籍 列表 
参与 者 图 书 管理 员 ,会员 用 户 及 游客 (所 有 顾客 ) 


基本 操作 流程 。 Q@ 用 户 单 击 Default aspx 或 BookList. aspx 页 面 中 的 某 图 书 类 别 
@ 系统 显示 该 类 别 的 子 类 别 。 该 过 程 一 直 持 续 下 去 ,直到 没有 子 类 别 为 止 ,此 时 系 
统 将 显示 最 小 子 类 别 中 的 图 书 
@ 用 户 单 击 某 本 图 书 的 封面 或 标题 。 系 统 调用 “浏览 图 书 详细 信息 ”用 例 
可 选 操作 流程 。 如 果 系 统 在 指定 的 类 别 中 没有 找到 任何 图 书 , 则 跳 转 到 首页 Default. aspx, 以 指出 这 
一 点 并 提示 顾客 选择 其 他 类 别 


浏览 图 书 列表 交互 页 面 如 图 1-6 所 示 。 
(4) 登录 用 例 分 析 与 描述 。 
会 员 用 户 登录 用 例 图 如 图 1-7 所 示 。 
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sd 浏览 图 书 列表 


中 -aa 和 (人 () 


图 书 子 类 图 书 分 类 


单 击 某 图 书 小 图 标 浏览 赂 书 


顾客 


书籍 列表 


如 书 详细 信息 展示 图 书 列表 展示 地 书 


1-6 浏览 图 书 列表 交互 页 面 


<<uses>> 


会 员 ( 已 注册 用 户 ) 
图 1-7 登录 用 例 图 
会 员 用 户 登 录 交互 页 面 如 图 1-8 所 示 。 


sd 登录 / 


登录 验证 


单 击 OK 按 钠 


提示 信息 对 话 框 


主页 


图 1-8 会 员 用 户 登 录 交 互 页 面 


单元 1 网 上 书店 项 目 需求 分 析 与 设计 


登录 用 例 描述 如 表 1-3 所 示 。 


表 1-3 登录 用 例 的 细 化 描述 


用 例 名 称 

用 例 描 述 
参与 者 

基本 操作 流程 


可 选 操作 流程 


登录 

会 员 登 录 系 统 

会 员 ( 已 注册 用 户 ) 

@ 用 户 单 击 主页 中 的 “登录 ”链接 。 系 统 显示 LogIn. aspx 页 面 。 用 户 输入 其 用 户 ID 
和 密码 ,然后 提交 登录 信息 

@ 系统 根据 永久 性 账号 数据 对 登录 信息 进行 验证 

回 登录 成 功 ,返回 到 主页 

如 果 用 户 单 击 LogIn. aspx 页 面 上 的 “还 没 注册 ?” 链 接 , 系统 将 调用 “注册 ”用 例 

如 果 用 户 输入 的 用 户 ID 不 正确 ,系统 将 显示 一 条 消息 ,以 指出 这 一 点 并 提示 用 户 输 

人 其 他 的 ID 或 点 击 * 注 册 新 账户 ”链接 

如 果 用 户 输入 的 密码 不 正确 ,系统 将 显示 一 条 消息 ,以 指出 这 一 点 并 提示 用 户 重新 输 


入 密码 


(5) 注册 账户 用 例 分 析 与 描述 。 
注册 账户 用 例 图 如 图 1-9 所 示 。 


es om) 


游客 ( 木 注 册 用 户 ) 
图 1-9 注册 账户 用 例 


注册 账户 用 例 描述 如 表 1-4 所 示 。 


表 1-4 注册 账户 用 例 的 细 化 描述 


用 例 名 称 

用 例 描述 
参与 者 

基本 操作 流程 


可 选 操作 流程 


注册 

游客 注册 成 为 会 员 

游客 

@ 游客 用 户 输入 其 E-mail 地 址 、 密 码 ( 两 次 ), 手 机 号 码 以 及 系统 自动 生成 的 图 片 验 证 
码 后 提交 注册 信息 

@ 系统 确保 游客 用 户 提供 的 数据 是 有 效 的 ,然后 使 用 这 些 数据 进行 保存 (其 中 密码 要 
求 使 用 MD5 加 密 形式 保存 ) 后 ,系统 返回 到 首页 ,首页 上 的 登录 链接 更 换 显示 为 “您 
好 ,用 户 的 E-mail 名 ”和 一 个 “退出 ”链接 

如 果 游 客 用 户 没有 提供 E-mail 或 Email 地 址 格式 不 正确 ,系统 将 显示 一 个 错误 消息 提示 

如 果 游 客 用 户 提供 的 密码 太 短 , 系 统 将 显示 一 个 错误 消息 提示 (6 一 10 位 

如 果 游 客 用 户 提供 的 密码 太 简单 ,系统 将 显示 一 个 错误 消息 提示 

如 果 游 客 用 户 两 次 输入 的 密码 不 同 ,系统 将 显示 一 个 错误 消息 提示 

如 果 游 客 用 户 要 创建 的 E-mail 账号 已 经 存在 ,系统 将 显示 一 个 错误 消息 提示 

如 果 游 客 用 户 输入 的 手机 号 格式 不 正确 ,系统 将 显示 一 个 错误 消息 提示 

如 果 游 客 用户 输 入 的 验证 码 , 系 统 将 显示 一 个 错误 消息 提示 
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(6) 查询 订单 用 例 分 析 与 描述 。 
查询 订单 用 例 图 如 图 1-10 所 示 。 
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会 员 ( 已 注册 并 登录 ) 
图 1-10 查询 订单 用 例 
查询 订单 用 例 描述 如 表 1-5 所 示 。 
表 1-5 查询 订单 用 例 的 细 化 描述 


用 例 名 称 查询 订单 
用 例 描述 查看 历史 订单 信息 
参与 者 会 员 用 户 


用 户 以 列表 形式 查看 历史 订单 信息 ,系统 返回 所 有 历史 订单 信息 。 

基本 操作 流程 。 用 户 输入 订单 单 号 ,订单 状态 、 选 择 订单 日 期 任意 信息 后 ,选择 查询 功能 ,系统 根据 查 
询 信 息 内 容 返 回 数据 库 内 容 ,查询 订 单 信息 
用 户 输入 错误 的 订单 号 码 , 系 统 返回 空白 订单 信息 


可 选择 作 流程 。 用 户 输入 空白 订单 号 码 ,系统 提示 用 户 输 入 订单 号 


对 于 其 他 用 例 , 读 者 可 以 加 以 细 化 描述 ,不 予 全 部 列 出 。 
任务 1-2-2 “新 知 书店 ”项 目 系统 设计 


【任务 描述 】 

需求 分 析 完 成 之 后 ,得 到 的 文档 就 是 需求 规格 说 明 书 ,系统 设计 的 任务 就 是 对 需求 分 析 
中 的 各 功能 模块 描述 ,数据 字典 等 进行 物理 实现 ,如 公共 类 、 每 个 功能 模块 实现 (业务 迎 辑 )、 
模块 之 间 的 接口 数据库、 系统 各 部 分 界面 .应 用 系统 配置 等 的 设计 ,形成 的 系统 设计 文档 可 
以 作为 编码 的 依据 。 

当前 大 多 数 信息 管理 系统 或 动态 网 站 其 实 都 是 对 业务 信息 的 管理 ,这 些 都 离 不 开 数 据 
库 。 通 过 需求 分 析 中 的 实体 进行 分 析 , 画 出 实体 联系 (E-R) 图 ,对 关系 型 数据 库 进 行 设计 ， 
是 系统 设计 中 的 重要 组 成 部 分 。 

【任务 实施 】 

根据 “新 知 书店 "项目 系统 确定 的 边界 范围 ,确定 需求 分 析 设 计 的 功能 模块 ,采用 Visio 
或 Word 绘制 总 体 结构 图 、 系 统 技术 框架 图 和 前 后 台 的 实现 流程 图 。 在 ASP.NET 网 站 实 
现时 ,可 以 采用 面向 对 象 的 设计 方法 (Object Oriented Design, OOD) 和 主流 的 三 层 架构 设 
计 模 式 ,根据 用 例 图 、 数 据 及 业务 流程 图 的 描述 ,进行 数据 库 表 及 视图 的 设计 、 表 现 层 (User 
Interface,UI, 即 页 面 ) 设 计 . 业务 逻辑 层 (Business Logic Layer, BLL)、 数 据 访问 层 (Data 
Access Layer,DAL) 设 计 , 绘 制 模块 业务 流程 实现 的 顺序 图 或 活动 图 。 


1. 数据 库 的 设计 
根据 前 面 的 业务 需求 分 析 可 知 ,“ 新 知 书 店 ” 系 统 主要 对 图 书 、 用 户 及 订单 等 对 象 进行 有 


单元 1 


网 上 书店 项 目 需求 分 析 与 设计 


效 管理 ,实现 图 书信 息 浏 览 及 管理 .用 户 管理 与 在 线 购物 等 功能 ,通过 需求 分 析 可 确定 该 系 


统 涉及 的 实体 有 图 书 


` 用 户 ,购物 车 、 订 单 等 。 


可 以 用 表格 说 明 数 据 库 表 , 表 1-6 一 表 1-14 为 “新 知 书店 ”项 目 重要 数据 库 表 的 描述 。 
在 “新 知 书店 ”项 目 需 求 分 析 中 ,图 书 类 别 尽管 只 是 图 书 的 一 个 属性 ,但 数据 库 设计 中 一 般 将 
其 分 离 并 创建 成 单独 的 表 , 这 是 一 种 面向 对 象 编程 (Object Oriented Programming,OOP) 的 
思想 ,这 样 做 有 利于 系统 的 扩展 ,便于 使 用 。 订 单 包括 多 种 图 书 且 数量 不 一 ,因此 用 两 张 表 
共同 体现 订单 实体 ,在 Orders 表 中 存放 订单 的 基本 信息 : 订单 编号 、 所 属 用 户 编号 、 下 订单 
的 时 间 及 总 价 。OrderBook 表 中 则 存放 订单 的 详细 信息 ,每 条 记录 体现 某 条 订单 记录 所 包 
含 的 某 种 图 书 的 购买 信息 。 

1) 图 书信 息 表 Books 

图 书信 息 表 用 来 记录 图 书 的 信息 ,其 结构 如 表 1-6 所 示 。 


表 1-6 ”Books 表 结构 


序号 字段 名 数据 类 型 主键 ”外 键 ”允许 空 说 明 
1 Id int 是 是 否 图 书 编号 , 自 增 
2 Title nvarchar 否 图 书 名 称 
和 Author nvarchar 否 作者 姓名 
4 PublisherId int 否 出 版 社 编号 
5 PublishDate datetime 否 出 版 日 期 
6 ISBN nvarchar 否 图 书 出 版 号 
和 UnitPrice money 否 单价 
8 ContentDescription nvarchar 是 内 容 简介 
9 TOC nvarchar 是 目录 
10 CategoryId int 否 图 书 分 类 编号 
11 Clicks int 否 点 击 数 
2) 图 书 分 类 表 Categories 
图 书 分 类 表 用 来 存储 图 书 类 别 信息 ,其 结构 如 表 1-7 所 示 。 
表 1-7 Categories 表 结 构 
序号 字段 名 数据 类 型 主键 ”外 键 ”允许 空 说 明 
1 Id int 是 是 否 书 分 类 编号 
2 Name nvarchar 否 分 类 名 称 
3 PId int 是 父 类 编号 
4 SortNum int 是 排序 号 


3) 订单 表 Orders 

订单 表 用 于 存储 每 笔 订单 的 基本 信息 ,其 结构 如 表 1-8 所 示 。 

4) 订单 详细 信息 表 OrderBook 

订单 详细 信息 表 用 于 存储 订单 的 详细 信息 ,其 结构 如 表 1-9 所 示 。 
5) 出 版 社 信 息 表 Publishers 


出 版 社 信息 表 用 了 


F 存 储 出 版 社 基本 信息 ,其 结构 如 表 1-10 所 示 。 
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表 1-8 Orders 表 结 构 


序号 字段 名 数据 类 型 主键 ”外 键 ” 允 许 空 说 明 
ld int 是 是 否 订单 编号 
2 OrderDate datetime 否 订购 日 期 
» Userld int 否 所 属 用 户 编号 
4 TotalPrice decimal 否 总 金额 
5 State int 否 状态 


表 1-9 OrderBook 表 结 构 


序号 字段 名 数据 类 型 主键 ”外 键 ” 允 许 空 说 明 
1 Id int 是 否 编号 ,自动 增 量 
2 OrderID int 否 订单 编号 
3 BookID int 否 图 书 编号 
4 Quantity int 否 数量 
5 UnitPrice money 否 单价 


表 1-10 Publishers 表 结 构 


序号 字段 名 数据 类 型 主键 ”外 键 ”允许 空 备注 
1 Id int 是 是 否 出 版 社 编号 
2 Name nvarchar 否 出 版 社 名 称 


6) 购物 车 信息 表 TemporaryCart 


购物 车 信息 表 用 于 存储 用 户 购物 的 信息 ,其 结构 如 表 1-11 所 示 。 
表 1-11 TemporaryCart 表 结构 
序号 字段 名 数据 类 型 主键 ”外 键 ”允许 空 备注 
1 Id int 是 否 购物 车 编号 
» CreateTime datetime 否 创建 时 间 
3 BookId int 否 图 书 编号 
4 Userld int 否 所 属 用 户 编号 
7) 用 户 角色 表 UserRoles 
用 户 角 色 表 用 于 存储 系统 用 户 角 色 信 息 ,其 结构 如 表 1-12 所 示 。 
表 1-12 UserRoles 表 结 构 
序号 字段 名 数据 类 型 主键 ”外 键 ” 允 许 空 备注 
1 Id int 是 是 否 角色 Id 
] Name nvarchar 否 角色 名 称 


8) 用 户 状态 表 UserStates 
用 户 状 态 表 用 于 存储 系统 用 户 状 态 信 息 , 其 结构 如 表 1-13 所 示 。 
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表 1-13 UserStates 表 结构 


序号 字段 名 数据 类 型 主键 ”外 键 ” 允 许 空 说 明 
1 ld int 是 是 否 状态 编号 
2 Name nvarchar 否 状态 名 称 


9) 用 户 基 本 信息 表 Users 
用 户 信息 表 用 于 存储 用 户 的 基本 信息 ,其 结构 如 表 1-14 所 示 。 
表 1-14 Users( 用 户 信 息 表 ) 


序号 字段 名 数据 类 型 主键 ”外 键 ” 允 许 空 说 明 
1 Id int 是 是 否 用 户 编 号 
2 LoginId nvarchar 否 登录 名 
3 LoginPwd nvarchar 否 登录 密码 
4 Name nvarchar 否 用 户 真实 姓名 
5 Address nvarchar 否 地 址 
6 Phone nvarchar 否 电话 
7 Mail nvarchar 是 电子 邮箱 
8 UserRoleld int 否 角色 编号 
9 UserStateld int 否 状态 编号 
2. 表现 层 设计 


表现 层 (UD 设 计 主 要 运用 HTML 或 ASP.NET 来 设计 ,表现 层 重点 是 页 面 的 设计 ,一 方 
面 表现 层 是 用 户 访 问 “ 新 知 书店 ”的 窗口 , 另 一 方面 也 是 管理 员 操 作 结 果 的 展示 ,在 设计 时 要 
求 能 满足 功能 需求 ,方便 用 户 ,美观 大 方 ,图 1-11 是 用 户 管理 模板 中 管理 员 查 询 用 户 信 息 的 
界面 。 
您 现在 的 位 置 : 新 知 书店 》 管 理 员 后 台 》 用户 管理 > 管理 用 户 
电话 Email 
北京 13765277988 boboa163. con 


admin 13456 adnin@l163. conm 


上 海 市 华夏 路 100 号 19774210000 qznmm163. com 


234 


图 1-11 管理 员 查 询 用 户 信息 界面 
3. 业务 逻辑 层 设 计 


负责 业务 处 理 和 数据 传递 , 它 包 含 了 与 核心 业务 相关 的 侵 辑 ,实现 业务 规则 和 业务 由 
辑 。 业 务 风 辑 层 (BLL) 处 于 数据 访问 层 与 表示 层 之 间 , 还 作为 表示 层 和 数据 访问 层 的 桥梁 ， 
实现 数据 的 传递 和 处 理 , 起 到 了 数据 交换 中 承上启下 的 作用 ,对 于 数据 访问 层 而 言 , 它 是 调 
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用 者 ; 对 于 表示 层 而 言 , 它 却 是 被 调用 者 。 图 1-12 为 用 户 注册 流程 图 ,图 1-13 为 用 户 管 理 
模块 的 用 户 注 册 业 务 逻 辑 层 类 图 。 

4. 数据 访问 层 设计 


数据 访问 层 (DAL) 封 装 了 操作 数据 表 的 方法 ,设计 时 首先 将 数据 库 连接 类 单独 设计 或 
将 数据 库 连接 字符 串 写 在 配置 文件 web. config 中 ,在 具体 模块 的 数据 访问 层 类 调用 。 用 户 
管理 模块 的 用 户 注册 数据 访问 层 类 图 如 图 1-14 所 示 。 


Qass 
获取 用 户 注册 信息 


日 方法 


AddUser 


数据 答 证 (包括 9 GetuserByLoginld 
LoginIdExsts 
ORegister 
和 
1-13 用户 管理 业务 逻辑 层 类 图 
户 信息 
保存 是 个 成 功 > 和 
雹 AddUser 


9 GetUserByLoginId 


TY 1 
(用 户 注册 成 功 页 面 ) 《返回 注册 页 面 ) 


图 1-12 用 户 注册 流程 图 图 1-14 用 户 注册 数据 访问 层 类 图 


这 里 读者 需要 读者 注意 的 是 本 任务 不 是 整个 “新 知 书店 "项目 模 块 的 设计 ,而 是 项 目 中 
各 模块 的 设计 思路 与 步骤 ,具体 到 本 任务 ,采用 用 户 管理 模块 的 用 户 注册 为 例 进行 介绍 ,其 
他 模块 的 详细 设计 将 在 后 续 单 元 任务 中 介绍 。 


(SS 单元 实 训 


博客 系统 是 目前 非常 流行 的 网 络 信 息 发 布 方式 ,用 户 群体 大 ,受到 很 多 人 的 青睐 。 本 书 
的 单元 实 训 任 务 就 是 构建 一 个 属于 自己 的 博客 系统 。 由 于 博客 系统 的 功能 庞大 ,为 了 让 读 
者 在 有 限 的 时 间 内 练习 最 重要 的 知识 点 ,我们 要 完成 的 博客 系统 所 确定 的 业务 需求 比较 简 
单 。 博 客 提供 了 一 个 注册 会 员 的 功能 ,会 员 可 以 登录 博客 系统 、 发 表 文章 、 编 辑 文章 ,发表 评 
论 ,查看 文章 ; 没有 注册 的 会 员 ,也 就 是 匿名 用 户 也 可 以 查看 文章 .评论 文章 (匿名 评论 ) \ 查 
看 评论 等 。 本 单元 读者 需 完成 “博客 系统 ”的 数据 库 设计 。 


设计 “博客 系统 "数据库 


【需求 说 明 】 
。 用 户 应 包含 的 内 容 为 : 用 户 编号 、 登 录 名 、 登 录 密 码 、 姓 名 ,QQ、E-Mail 等 。 


单元 1 


网 上 书店 项 目 需求 分 析 与 设计 


。 文章 应 包含 的 内 容 为 : 文章 编号 ,文章 所 属 用 户 编号 文章 标题 ,内 容 、 创 建 时 间 \ 点 


击 次 数 等 。 


。 文章 评论 应 包含 的 内 容 为 : 评论 编号 .评论 的 文章 编号 评论 人 、 评 论 时 间 、 评 论 内 


读者 根据 上 述 描述 创建 数据 库 MyBlog 及 其 三 张 表 并 建立 关系 , 表 结 构 如 表 1-15 一 


表 1-17 所 示 。 


表 1-15 Users( 用 户 信 息 表 ) 


序号 字段 名 数据 类 型 主键 ”外 键 ”允许 空 说 明 
1 ld int 是 是 否 用 户 编号 
2 LoginId nvarchar 否 登录 名 
3 LoginPwd nvarchar 否 登录 密码 
4 Name nvarchar 否 用 户 真 实 姓 名 
5 QQ nvarchar 否 QQ 号 
6 Mail nvarchar 是 电子 邮箱 
表 1-16 Articles( 文 章 信息 表 ) 
序号 字段 名 数据 类 型 主键 ”外 键 ”允许 空 说 明 
1 Id int 是 是 否 文章 编号 
2 Authorld int 否 文章 所 属 用 户 编号 
3 Title int 否 文章 标题 
4 Contents text 否 ”文章 内 容 
5 PubDate datetime 否 发 表 日 期 
6 Clicks int 是 点 击 次 数 
表 1-17 Comments( 文 章 评论 信息 表 ) 
序号 字段 名 数据 类 型 主键 ”外 键 ”允许 空 说 明 
1 Id int 是 否 ”评论 编号 
多 Articleld int 否 评论 所 属 文章 编号 
AuthorName nvarchar 得 评论 人 姓名 
4 Contents text 否 ”评论 内 容 
5 PubDate datetime 否 ”评论 日 期 


(1.4 单元 小 结 
A 


本 单元 对 “新 知 书 店 ” 整 个 系统 的 需求 分 析 和 软件 设计 进行 了 简单 的 描述 ,具体 到 每 个 
模块 或 子 系统 ,将 在 后 续 个 单元 任务 中 详细 介绍 ,本 单元 只 作 了 全 局 设计 和 解释 了 要 完成 的 
任务 。 对 于 没有 太 多 开发 经 验 和 业务 系统 知识 的 读者 而 言 , 最 好 的 办 法 就 是 要 参考 已 有 的 
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类 似 软件 系统 .开发 文档 ,文档 模板 ,然后 按照 用 户 的 要 求 进行 分 析 和 设计 ,这 样 才能 快速 地 
实现 需求 分 析 和 软件 设计 。 本 单元 所 阐述 的 知识 体系 如 图 1-15 所 示 。 


需求 分 析 的 定义 
需求 分 析 的 任务 
需求 分 析 的 过 程 
需求 调研 方法 
需求 调研 基本 策略 
需求 分 析 组 成 
需求 文档 规范 


需求 分 析 全 


网 上 书店 项 目 需求 分 析 与 设计 


数据 库 设计 概述 
-| 适 辐 娃 模 
到 所 库 设计 | 物理 设计 
数据 库 设 计 原则 


图 1-15 项 目 需 求 分 析 与 设计 知识 体系 


ASP.NET 基 础 及 开发 环境 构建 


教学 目标 : 

会 安装 与 配置 ASP.NET 网 站 的 运行 环境 。 

会 搭建 ASP.NET 网 站 的 开发 环境 。 

会 创建 简单 的 Web 网 站 。 

了 解 ASP.NET 文档 的 结构 。 

了 解 ASP.NET 的 运行 机 制 和 ASP.NET 的 文件 类 型 。 
理解 静态 网 页 与 动态 网 页 的 概念 及 其 工作 原理 。 


.1 知识 准备 


2.1.1 .NET Framework 概述 


.NET Framework 是 微软 近年 来 主推 的 应 用 程序 开发 框架 ,是 一 套 语言 独立 的 应 用 程 
序 开发 框架 。 微 软 公司 发 布 .NET Framework 的 目的 是 使 开发 人 员 可 以 更 容易 地 建立 网 
络 应 用 程序 和 网 络 服务 , .NET Framework 以 及 针对 设备 的 .NET Framework 简化 版 为 
XML Web 服务 和 其 他 应 用 程序 提供 了 一 个 高 效 安全 的 开发 环境 ,并 全 面 支持 XML。 .NET 
Framework 提供 跨 平台 和 跨 语 言 的 特性 ,使 用 .NET 框架 ,配合 微软 公司 的 Visual Studio 
集成 开发 环境 ,可 大 大 提高 程序 员 的 开发 效率 ,甚至 初学 者 也 能 够 快速 构建 功能 强大 、 实 
用 、 安 全 的 网 络 应 用 程序 。 有 的 功能 甚至 不 需要 任何 开发 代码 ,经 过 简单 的 操作 就 可 以 


1. .NET Framework 的 概念 


.NET Framework 是 一 个 开发 和 运行 环境 , 它 使 得 不 同 的 编程 语言 (如 C# 和 VB.NET 
等 ) 和 运行 库 能 够 无 颖 地 协同 工作 ,简化 开发 和 部 署 各 种 网 络 集成 应 用 程序 或 独立 应 用 程 
序 , 如 Windows 窗 体 应 用 程序 .ASP.NET Web 应 用 程序 、WPF 应 用 程序 、 移 动 应 用 程序 或 
Office 应 用 程序 . .NET Framework 的 基本 结构 如 图 2-1 所 示 。 

1) 公共 语言 运行 库 

公共 语言 运行 库 (Common Language Runtime, CLR), 又 称 为 公共 语言 运行 环境 ,是 
.NET Framework 的 基础 。 运 行 库 作为 执行 时 管理 代码 的 代理 ,提供 了 内 存 管理 、 线 程 管 理 
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FCL 
ASENET WPF WwWCF 
Web Form M WF 
Dyramic || ASPNET ]|| Y | FT Data 
Data AJAX C 全 4 Services 
ADONET 
CardSpace [Daaset |[ Entity Framework | [ LINQ 
BCL(Base Class Library) 
CLR(Common Language Runtime) 


图 2-1 .NET Framework 的 基本 结构 


和 远程 处 理 等 核心 服务 ,并 且 还 强制 实施 严格 的 类 型 安全 检查 ,以 提高 代码 准确 性 。 

在 运行 库 的 控制 下 执行 的 代码 称 作 托管 代码 。 托 管 代码 使 用 基于 公共 语言 运行 库 的 语 
言 编译 器 开发 生成 ,具有 许多 优点 : 跨 语言 集成 、 跨 语言 异常 处 理 \ 增 强 的 安全 性 、 版 本 控制 
和 部 署 支 持 、 简 化 的 组 件 交 互 模型 .调试 和 分 析 服 务 等 。 

在 运行 库 之 外 运行 的 代码 称 作 非 托 管 代码 。COM 组 件 、ActiveX 接口 和 Win32 API 
函数 都 是 非 托 管 代码 的 示例 。 使 用 非 托 管 代码 方式 可 以 提供 最 大 限度 的 编程 灵活 性 ,但 不 
具备 托管 代码 方式 所 提供 的 管理 功能 。 

2) .NET Framework 类 库 

.NET Framework 类 库 ( .NET Framework Class Library,FCL) 是 一 个 与 公共 语言 运 
行 库 紧密 集成 ,综合 性 的 、 面 向 对 象 的 类 型 集合 。 使 用 该 类 库 , 可 以 高 效率 开发 各 种 应 用 程 
序 ,包括 控制 台 应 用 程序 、Windows GUI 应 用 程序 (Windows 窗 体 )、ASP.NET Web 应 用 
程序 .XML Web Services、Windows 服务 等 。 

.NET Framework 类 库 包括 类 、 接 口 和 值 类 型 。 类 库 提供 对 系统 功能 的 访问 ,以 加 速 和 
优化 开发 过 程 。. NET Framework 类 型 符合 公共 语言 规范 (Common Language 
Specification,CLS) ,因而 可 在 任何 符合 CLS 的 编程 语言 中 使 用 ,实现 各 语言 之 间 的 交互 
操作 。 

.NET Framework 类 库 由 基础 类 库 (Base Class Library, BCL) 和 各 种 应 用 程序 框架 类 
库 组 成 。 基 础 类 库 主 要 提供 下 列 功 能 : 

。 表示 基础 数据 类 型 和 异常 。 

。 封装 数据 结构 。 

* 执行 IO。 

。 访问 关于 加 载 类 型 的 信息 。 

。 调用 .NET Framework 安全 检查 。 

各 种 应 用 程序 框架 类 库 提供 构建 相应 应 用 程序 的 功能 : 

。 数据 访问 (ADO.NET) 。 

。 Windows 窗 体 (Windows Form) 。 

。 Web 窗 体 (ASP.NET) 。 
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2. .NET Framework 的 功能 特点 


.NET Framework 提供 了 基于 Windows 的 应 用 程序 所 需 的 基本 架构 ,开发 人 员 可 以 基于 
.NET Framework 快速 建立 各 种 应 用 程序 解决 方案 ..NET Framework 具有 下 列 功 能 特点 。 

1) 支持 各 种 标准 互联 网 协议 和 规范 

.NET Framework 使 用 标准 的 Internet 协议 和 规范 (如 TCP/IP、SOAP、XML 和 
HTTP 等 ) ,支持 实现 信息 、 人 员 、 系 统 和 设备 互 连 的 应 用 程序 解决 方案 。 

2) 支持 不 同 的 编程 语言 

.NET Framework 支持 多 种 不 同 的 编程 语言 ,因此 开发 人 员 可 以 选择 他 们 所 需 的 语言 。 
公共 语言 运行 库 提 供 内 置 的 语言 互 操 作 性 支持 ,公共 语言 运行 库 通 过 指定 和 强制 公共 类 型 
系统 以 及 提供 元 数据 为 语言 互 操作 性 提供 必要 的 基础 。 

3) 支持 用 不 同 语言 开发 的 编程 库 

.NET Framework 提供 了 一 致 的 编程 模型 ,可 使 用 预 打包 的 功能 单元 ( 库 ) ,从 而 能 够 更 
快 ,更 方便 ,更 低 成 本 地 开发 应 用 程序 。 

4) 支持 不 同 的 平台 

.NET Framework 可 用 于 各 种 Windows 平台 ,从 而 允许 使 用 不 同 计算 平台 的 人 员 、 系 
统 和 设备 联网 ,例如 ,使 用 Windows XP/Vista/7 等 台式 机 平台 或 Windows CE 之 类 的 设备 
平台 的 人 员 可 以 连接 到 使 用 Windows Server 2003/2008 的 服务 器 系统 。 


3，.NET Framework 环境 


操作 系统 /硬件 、 公 共 语 言 运行 库 、 类 库 以 及 应 用 程序 (托管 应 用 程序 、 托 管 Web 应 用 程 
序 , 非 托管 应 用 程序 ) 之 间 的 关系 如 图 2-2 所 示 。 


托管 应 用 程序 。 托 答 Web 应 用 程序 
非 托 管 应 用 程序 [六 床上 定义 对 象 库 | ASPNET(Gi ) 
运行 不 MIS 信息 服务 


操作 系统 / 硬 人 


图 2-2 .NET Framework 环境 
4. .NET Framework 的 主要 版 本 


目前 , .NET Framework 主要 包含 下 列 版 本 : 1.0、1.1、2.0、3.0、3.5、4.0, 支 持 带 最 新 
Service Pack 的 桌面 Windows 操作 系统 。 与 之 相对 应 , .NET Compact Framework 可 用 作 
所 有 Microsoft 智能 设备 (包括 Pocket PC 设备 Pocket PC Phone Edition、Smartphone 设 
备 以 及 其 他 安装 有 Windows Embedded CE 的 设备 ) 中 的 操作 系统 组 件 。 

其 中 ,1.0、1.1、2.0 和 4.0 版 是 彼此 完全 独立 的 , 即 对 于 其 中 任何 一 个 版 本 都 可 以 独立 
存在 于 某 计 算 机 上 ,无 论 计算 机 上 是 否 存在 其 他 版 本 。 当 1.0、1.1 和 2.0 版 位 于 同一 台 计 
算 机 上 时 ,每 个 版 本 都 有 自己 的 公共 语言 运行 库 、 类 库 和 编译 器 等 。 应 用 程序 开发 人 员 可 以 
选择 面向 特定 的 版 本 开发 和 部 署 应 用 程序 。 各 版 本 之 间 的 关系 如 图 2-3 所 示 。 
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DLR/Paraliel 
[ LINQEF 
ASPNET AJAX 
WCS/WF/WPF/WCP 
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CELUVBNETIVB70) ]1 C#20VB 2005(VB #0) IEB3ovB2o0stvB9oj| [Cs4ova20lovB 10) 
Visual SadivNET 200] | {Visual Studio NET 2003] || [ Visual Studio- NET 2005 [visval Sudio 2008 Visual Studio 2010 
CLRID ] CLRLI ] CIR20 CIR20 CLR20 CLR40 
NETFrmewer 10 | NETFramework i! || NETFramework 20 || NETFramewok30 | NETFramewok33 | NETFramework 40 


图 2-3 .NET Framework 各 版 本 之 间 的 关系 


2.1.2 Web 基础 知识 
1. HTTP 协议 


HTTP(Hyper Text Transfer Protocol) 协 议 , 即 超 文本 传输 协议 ,是 在 Internet 中 进行 
信息 传送 的 协议 ,浏览 器 默认 使 用 这 个 协议 。 

从 浏览 器 向 Web 服务 器 发 出 的 搜索 某 个 Web 网 页 的 请 求 叫 作 HTTP 请 求 。Web 服 
务 器 收 到 HTTP 请 求 后 ,就 会 按照 请 求 的 要 求 , 寻 找 相 应 的 网 页 。 如 果 找 到 ,就 把 网 页 的 
HTML(Hypertext Markup Language, 超 文本 标记 语言 ) 代 码 通过 Internet 传 回 浏览 器 ; 如 
果 没 有 找到 ,就 发 送 一 个 错误 信息 给 发 出 HTTP 请 求 的 浏览 器 ,后 面 的 这 些 操 作 就 叫 作 
HTTP 响应 。 

HTTP 协议 是 一 个 无 状态 协议 ,也 就 是 说 ,使 用 该 协议 时 ,不 同 的 请 求 之 间 不 会 保存 任 
何 信息 。 每 个 请 求 都 是 独立 的 , 它 不 知道 现在 的 请 求 是 第 一 次 发 出 还 是 第 二 次 或 是 第 三 次 
发 出 ,也 不 知道 这 个 请 求 的 发 送 来 源 。 当 用 户 请 求 到 所 要 的 网 页 后 ,就 会 断 开 与 Web 服务 
器 的 链接 。 


2. Web 服务 器 和 浏览 器 


Web 服务 器 就 是 安装 了 Web 服务 器 软件 的 计算 机 , 它 可 以 为 提出 HTTP 请 求 的 浏览 
器 提供 HTTP 响应 。 比 较 常见 的 Web 服务 器 软件 有 Apache 和 IIS。 

浏览 器 是 运行 在 客户 机 上 的 程序 ,用 户 可 以 用 它 来 浏览 服务 器 中 的 可 用 资源 ,因此 称 为 
浏览 器 。 当 客户 进行 网 页 浏览 时 ,由 客户 的 浏览 器 执行 来 自 服务 器 的 HTML 代码 ,并 将 其 
内 容 显示 给 客户 。 


3. C/S 模式 与 B/S 模式 


C/S 和 B/S 是 目前 开发 模式 技术 架构 的 两 大 主流 技术 。C/S 模式 最 早 是 由 美国 
Borland 公司 研发 ,而 B/S 模式 是 由 美国 微软 公司 研发 的 。 

1) C/S 模式 

C/S(Client/Server, 客 户 机 /服务 器 ) 模 式 是 一 种 软件 系统 体系 结构 。 

2) B/S 模式 

B/S(Browser/Server, 浏 览 器 /服务 器 ) 模 式 是 随 着 Internet 技术 的 兴起 ,对 C/S 模式 的 
一 种 变化 或 改进 。 在 这 种 模式 下 ,用 户 工作 界面 是 通过 Web 浏览 器 来 实现 的 。B/S 模式 的 
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最 大 好 处 是 能 够 实现 不 同人 员 从 不 同 地 点 以 不 同 的 接 人 方式 访问 和 操作 共同 的 数据 ,这 大 
大 减轻 了 系统 维护 与 升级 的 成 本 和 工作 量 , 降 低 了 用 户 的 总 体 成 本 ; 最 大 的 缺点 是 对 外 网 
依赖 性 太 强 。 


4. Web 的 访问 原理 


Web 应 用 程序 是 基于 B/S 结构 的 。 下 面 首先 介绍 客户 端 和 服务 器 端的 概念 ,然后 详 述 
静态 网 页 和 动态 网 页 的 工作 原理 。 

1) 客户 端 和 服务 器 端 

一 般 来 说 ,凡是 提供 服务 的 一 方 称 为 服务 器 端 ,而 接受 服务 的 一 方 称 为 客户 端 。 例 如 ， 
当 用 户 浏 览 搜 狐 主页 的 时 候 , 搜 狐 网 站 所 在 的 服务 器 就 称 为 服务 器 端 ,而 用 户 自己 的 计算 机 
就 称 为 客户 端 ,如 图 2-4 所 示 。 

如 果 在 自己 的 计算 机 上 安装 了 Web 服务 器 
软件 ,其 他 浏览 者 通过 网 络 就 可 以 访问 该 计算 


四 是 一 /八国 机 ,那么 它 就 是 服务 器 端 。 在 调试 程序 时 ,往往 
自己 的 计算 机 搜狐 服 甸 器 。 ”把 自己 的 计算 机 既 作为 服务 器 端 ,又 作为 客 
(客户 端 ) (版 务 吕 端 ) 户 端 
图 2-4 客户 端 和 服务 器 端 示例 图 2) 静态 网 页 的 工作 原理 


静态 网 页 也 称 为 普通 网 页 ,是 相对 动态 网 页 

而 言 的 。 静 态 并 不 是 指 网 页 中 的 元 素 都 是 静止 不 动 的 ,而 是 指 网 页 文件 里 没有 程序 代码 ,只 
有 HTML( 超 文本 标记 语言 ) 标 记 , 一 般 后 级 为 . htm、. html、. shtml 或 . xml 等 。 静 态 网 页 
中 可 以 包括 GIF 动画 ,鼠标 经 过 Flash 按钮 时 ,按钮 可 能 会 发 生变 化 。 静 态 网 页 一 经 制 成 ， 
内 容 就 不 会 再 变化 ,不 管 何 人 何 时 访问 ,显示 的 都 是 一 样 的 内 容 。 如 果 要 修改 网 页 的 内 容 ， 
就 必须 修改 其 源 代码 ,然后 重新 上 传 到 服务 器 。 

对 于 静态 网 页 ,用户 可 以 直接 双击 打开 ,看 到 的 效果 与 访问 服务 器 是 相同 的 。 这 是 因为 
在 用 户 访问 该 页 面 之 前 ,网 页 的 内 容 就 已 经 确定 ,无论 用 户 何 时 访问 ,以 怎样 的 方式 访问 ,网 
页 的 内 容 都 不 会 再 改变 。 静 态 网 页 工作 流程 可 以 分 为 以 下 4 个 步骤 : 

(1) 编写 一 个 静态 网 页 文件 ,并 在 Web 服务 器 上 发 布 。 

(2) 用 户 在 浏览 器 的 地 址 栏 中 输入 此 静态 网 页 文件 的 URL( 统 一 资源 定位 符 ) 并 按 回 
车 ,浏览 器 发 送 访问 请 求 到 Web 服务 器 。 

(3) Web 服务 器 找到 此 静态 网 页 文件 的 位 置 ， 发 送 请 求 
并 将 它 转 换 为 Html 流传 送 到 用 户 的 浏览 器 。 一 

(4) 浏览 器 收 到 HTML 流 ,显示 此 网 页 的 | 中 及 大 W 页 | 3. 返 回 网 页 
内 容 。 客户 庙 服务 器 况 

在 步骤 (2) 一 (4) 中 , 兽 态 网 页 的 内 容 不 会 发 生 四 2 全 坪 疝 庆 二 作 导 通 加 
任何 变化 ,其 原理 如 图 2-5 所 示 。 

3) 动态 网 页 的 工作 原理 

动态 网 页 是 指 在 网 页 文件 中 除了 HTML 标记 外 ,还 包括 一 些 实现 特定 功能 的 程序 代 
码 , 这 些 程序 代码 使 得 浏览 器 与 服务 器 之 间 可 以 发 生 交互 , 即 服务 器 端 可 以 根据 客户 端的 不 
同 请 求 动态 产生 网 页 内 容 。 动 态 网 页 的 后 绥 通 常 根据 所 用 的 程序 设计 语言 的 不 同 而 不 同 ， 
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一 般 为 . asp、. aspx、. cgi、. php、. perl、. jsp 等 。 动 态 网 页 可 以 根据 不 同 的 时 间 、 不 同 的 浏览 
者 而 显示 不 同 的 信息 。 常 见 的 留言 板 ` 论 坛 . 聊 天 室 都 是 用 动态 网 页 实现 的 。 

动态 网 页 的 工作 相对 复杂 ,不 能 直接 双击 打开 ,动态 网 页 的 工作 流程 分 为 以 下 4 个 
步骤 : 

(1) 编写 一 个 动态 网 页 文件 ,其 中 包括 程序 代码 ,并 在 Web 服务 器 上 发 布 。 

(2) 用 户 在 浏览 器 的 地 址 栏 中 输入 该 动态 网 页 文件 的 URL( 统 一 资源 定位 符 ) 并 按 回 
车 ,浏览 器 发 送 访问 请 求 到 Web 服务 器 。 

(3) Web 服务 器 找到 此 动态 网 页 文件 的 位 置 ,并 根据 其 中 的 程序 代码 动态 创建 HTML 
流传 送 到 用 户 的 浏览 器 。 


1. 接受 请 求 
(4) 浏览 器 收 到 HTML 流 , 显示 此 网 页 的 2 找到 动态 网 页 
内 窒 加 3 执行 程序 代码 ， 
生成 静态 网 页 
从 整个 工作 流程 中 可 以 看 出 ,用 户 浏览 动态 网 4 发 关 和 态 网 页 
页 时 ,需要 在 服务 器 上 动态 执行 该 网 页 文件 ,将 仿 到 各 
有 程序 代码 的 动态 网 页 转化 为 标准 的 静态 网 页 ,最 图 2-6 动态 网 页 工作 原理 图 
后 把 生成 的 静态 网 页 发 送 给 用 户 ,其 工作 原理 如 
图 2-6 所 示 。 


2.1.3 ASP.NET 简介 


ASP.NET 是 Microsoft.NET 的 一 部 分 ,是 Active Server Page( 简 称 ASP) 的 另 一 个 版 
本 ,是 建立 在 微软 新 一 代 .NET 平台 架构 上 、 建 立 在 公共 语言 运行 库 上 ,在 服务 器 后 端 为 用 
户 提 供 强 大 的 企业 级 Web 应 用 服务 的 编程 框架 。ASP .NET 提供 了 一 种 新 的 编程 模型 和 
结构 ,可 生成 伸缩 性 和 稳定 性 更 好 的 应 用 程序 ,并 提供 更 好 的 安全 保护 。 

ASP.NET 是 一 个 已 编译 的 .基于 .NET 的 环境 ,可 以 用 任何 与 .NET 兼容 的 语言 (包括 
Visual Basic.NET、C# 和 JScript .NET) 创 作 应 用 程序 。 另 外 ,任何 ASP.NET 应 用 程序 都 
可 以 使 用 整个 .NET Framework。 开 发 人 员 可 以 方便 地 获得 这 些 技术 的 优点 ,其 中 包括 托 
管 的 公共 语言 运行 库 环 境 、 类 型 安全 和 继承 等 。 

Microsoft 公司 为 ASP.NET 设计 了 功能 强大 的 代码 、 代 码 易 于 重用 和 共享 ,可 用 编译 
类 语言 编写 策略 ,从 而 使 程序 员 更 易 开发 Web 应 用 程序 ,满足 不 同 客户 的 需求 。 


1. ASP .NET 的 历史 


1996 年 , Microsoft 公司 推出 了 ASP (Active Server Page) 1.0 版 。 它 允许 采用 
VBScript/JavaScript 这 些 简 单 的 脚本 语言 编写 代码 ,允许 将 代码 直接 嵌入 HTML, 从 而 使 
得 设计 动态 Web 页 面 的 工作 变 得 简单 。 在 进行 程序 设计 时 ,ASP 能 够 通过 内 置 的 组 件 , 实 
现 强大 的 功能 (如 Cookie)。ASP 最 显著 的 贡献 就 是 推出 了 ActiveX Data Objects(ADO)， 
它 使 得 程序 对 数据 库 的 操作 变 得 十 分 简单 。 

1998 年 ,微软 发 布 了 ASP 2.0 和 IIS 4.0。 与 前 版 相 比 ,2. 0 版 最 大 的 改进 是 外 部 的 组 
件 需要 初始 化 。 用 户 能 够 利用 ASP 2.0 和 IIS 4. 0 建立 各 种 ASP 应 用 ,而 且 每 个 组 件 有 了 
自己 单独 的 内 存 空 间 , 可 以 进行 事务 处 理 。 
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2002 年 推出 的 新 一 代 体 系 结构 一 一 Microsoft.NET 的 一 部 分 ,用 来 在 服务 器 端 构 建功 
能 强大 的 Web 应 用 ,包括 Web 窗 体 (Web Form) 和 Web 服务 (Web Services) 两 部 分 。 

2003 年 ,Microsoft 公司 发 布 了 Visual Studio. NET 2003( 简 称 VS 2003) ,提供 了 在 
Windows 操作 系统 下 开发 各 类 基于 .NET 框架 的 全 新 的 应 用 程序 开发 平台 。 

2005 年 , .NET 框架 从 1.0 版 升级 到 2. 0 版 ,Microsoft 公司 发 布 了 Visual Studio.NET 
2005( 简 称 VS 2005) 。 相 应 的 ASP.NET 1.0 也 从 得 到 了 升级 ,成 为 ASP.NET 2.0。 它 修 
正 了 以 前 版 本 中 的 一 些 错误 (Bug) 并 在 移动 应 用 程序 开发 ,代码 安全 以 及 对 Oracle 数据 库 
和 ODBC 的 支持 等 方面 都 做 了 很 多 改进 。 

2008 年 ,Visual Studio .NET 2008( 简 称 VS 2008) 问 世 了 ,ASP.NET 相应 的 从 2. 0 版 
升级 到 3.5 版 。 

2010 年 ,Microsoft 公司 发 布 Visual Studio.NET 2010 正式 版 本 。 


2. ASP .NET 的 优点 


ASP. NET 是 Microsoft . NET Framework 的 一 部 分 ,是 一 种 可 以 在 高 度 分 布 的 
Internet 环境 中 简化 应 用 程序 开发 的 环境 。.NET Framework 包含 公共 语言 运行 库 , 它 提供 
了 各 种 核心 服务 ,如 内 存 管理 、 线 程 管理 和 代码 安全 ,同时 也 包含 .NET Framework 类 库 。 
.NET Framework 是 一 个 开发 人 员 用 于 创建 应 用 程序 的 综合 的 、 面 向 对 象 的 类 型 集合 。 

ASP.NET 的 优点 主要 表现 在 以 下 几 个 方面 。 

1) 可 管理 性 

ASP.NET 使 用 基于 文本 的 、 分 级 的 配置 系统 ,简化 了 将 设置 应 用 于 服务 器 环境 和 Web 
应 用 程序 的 工作 。 因 为 配置 信息 是 被 存储 为 纯 文本 格式 的 ,因此 可 以 在 没有 本 地 管理 工具 
的 帮助 下 应 用 新 的 设置 。 

注意 : 配置 文件 的 任何 变化 都 可 以 被 自动 检测 到 并 应 用 于 应 用 程序 。 有 关 这 方面 的 详 
细 信 息 , 请 参阅 ASP.NET 配置 相关 知识 。 

2) 安全 性 高 

ASP.NET 为 Web 应 用 程序 提供 了 默认 的 授权 和 身份 验证 方案 。 开 发 人 员 可 以 根据 
应 用 程序 的 需要 很 容易 地 添加 、 删 除 或 蔡 换 这 些 方案 。 

3) 易于 部 署 

ASP.NET 应 用 程序 可 以 部 署 到 服务 器 上 ,并 且 不 需要 重新 启动 服务 器 ,甚至 在 部 署 或 
蔡 换 运行 的 已 编译 代码 时 也 不 需要 重新 启动 。 

4) 增强 的 性 能 

ASP.NET 是 运行 在 服务 器 上 的 已 编译 代码 。 与 传统 的 ASP 不 同 ,ASP.NET 能 利用 
早期 绑 定 、 实 时 (Just In Time,JIT) 编 译 、 本 机 优化 和 全 新 的 缓存 服务 来 提高 性 能 。 

5) 灵活 的 输出 缓存 

根据 应 用 程序 的 需要 ,ASP.NET 可 以 缓存 页 数据 、 页 的 一 部 分 或 整个 页 。 缓 存 的 项 目 
可 以 依赖 于 缓存 中 的 文件 或 其 他 项 目 , 或 者 可 以 根据 过 期 策略 进行 刷新 。 

6) 移动 设备 支持 

ASP.NET 支持 任何 设备 上 的 任何 浏览 器 。 开 发 人 员 使 用 与 传统 的 桌面 浏览 器 相同 的 
编程 技术 ,来 处 理 新 的 移动 设备 。 
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7) 扩展 性 和 可 用 性 

ASP.NET 具有 特别 专 有 的 功能 来 提高 群集 的 、 多 处 理 器 环境 的 性 能 。 此 外 ,Internet 
信息 服务 (Internet Information Server,IIS) 和 ASP.NET 运行 时 密切 监视 和 管理 进程 ,以 便 
在 一 个 进程 出 现 异常 时 ,可 在 该 位 置 创建 新 的 进程 使 应 用 程序 继续 处 理 请 求 。 

8) 跟踪 和 调试 

ASP.NET 提供 了 跟踪 服务 ,该 服务 可 在 应 用 程序 级 别 和 页 面 级 别 调试 过 程 中 启用 。 
可 以 选择 查看 页 面 的 信息 ,或 者 使 用 应 用 程序 级 别 的 跟踪 查看 工具 查看 信息 。 在 开发 或 
应 用 程序 处 于 生产 状态 时 ,ASP.NET 支持 使 用 .NET Framework 调试 工具 进行 本 地 和 
远程 调试 。 当 应 用 程序 处 于 生产 状态 时 ,跟踪 语句 能 够 留 在 产品 代码 中 而 不 会 影响 
性 能 。 

9) 与 .NET Framework 集成 

ASP.NET 是 .NET Framework 的 一 部 分 ,整个 平台 的 功能 和 灵活 性 对 Web 应 用 程序 
都 是 可 用 的 ,因此 可 从 Web 上 流畅 地 访问 .NET 类 库 及 消息 和 数据 访问 解决 方案 。 
ASP.NET 是 独立 于 语言 之 外 的 ,所 以 开发 人 员 能 选择 最 适合 应 用 程序 的 语言 。 另 外 ,公共 
语言 运行 库 的 互 用 性 还 保存 了 基于 COM 开发 的 现 有 投资 。 

10) 与 现 有 ASP 应 用 程序 的 兼容 性 

ASP 和 ASP.NET 可 并 行 运 行 在 IIS Web 服务 器 上 而 互 不 冲突 ; 不 会 发 生 因 安装 
ASP.NET 而 导致 现 有 ASP 应 用 程序 崩溃 的 可 能 。 

注意 : ASP.NET 仅 处 理 具 有 . aspx 文件 扩展 名 的 文件 ,具有 . asp 文件 扩展 名 的 文件 继 
续 由 ASP 引擎 来 处 理 。 会 话 状态 和 应 用 程序 状态 并 不 在 ASP 和 ASP.NET 页 面 之 间 


共享 
.2 单元 任务 
任务 2-2-1 安装 和 配置 IIS Web 服务 器 


【任务 描述 】 

在 Windows XP 操作 系统 中 正确 安装 与 配置 IIS 管理 器 ,搭建 ASP.NET Web 应 用 程 
序 的 运行 环境 。 

【任务 实施 】 

(1) 选择 “开始 ”>“ 控 制 面板 ”>“ 添 加 或 删除 程序 ”命令 ,显示 如 图 2-7 所 示 的 “添加 或 
删除 程序 ”窗口 ,该 窗口 显示 当前 已 经 安装 的 程序 。 

(2) 在 窗口 的 左 侧 选择 “添加 /删除 Windows 组 件 ” 图 标 ,弹出 如 图 2-8 所 示 的 
“Windows 组 件 向 导 ” 对 话 框 ,找到 “Internet 信息 服务 (IIS)” 复 选 框 , 如 果 尚 未 安装 , 则 其 左 
侧 的 复 选 框 不 会 被 选中 ; 如 果 复 选 框 是 不 可 选 状态 , 则 说 明 IIS 的 组 件 没 有 全 部 安装 。 否 则 
说 明 IIS 已 经 全 部 安装 。 

(3) 如 果 复 选 框 没 有 被 选中 , 则 选中 该 复 选 框 。 如 果 复 选 框 是 不 可 选 状态 , 则 选中 该 
项 , 单 击 * 详 细 信 息 ” 按 钮 ,弹出 如 图 2-9 所 示 的 “Internet 信息 服务 器 (IIS)? 对 话 框 。 

(4) 选择 要 安装 的 选项 。 对 于 本 书 来 说 ,一 定 要 选中 “公用 文件 " 复 选 框 。 选 择 要 安装 
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回 显示 更 新 叫 ) 排序 方式 (3) : 
人 外 360 安 全 浏览 天 3- 7 正式 请 


单 击 此 必 支 


它 从 计算 机 利生 ， 单 击 “更 改 / 侧 除 ”。 
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图 2-7 “添加 或 删除 程序 ”窗口 
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图 2-8 “Windows 组 件 向 导 ” 对 话 框 


的 选项 后 , 单 击 “ 确 定 ” 按 钮 ,返回 到 “Windows 组 件 向 导 ” 对 话 框 。 单 击 “ 下 一 步 ” 按 钮 安装 
IIS, 此 时 会 提示 用 户 将 Windows XP 系统 盘 放 入 光驱 或 者 选择 要 安装 的 JS 文件 。 

(5) 放 入 Windows XP 系统 盘 或 选择 要 安装 IIS 文件 后 ,根据 提示 依次 单 击 “ 下 一 步 ” 按 
钮 ,最 后 , 单 击 “ 完 成 ”按钮 ,完成 IIS 的 安装 。 

(6) 选择 “开始 ”>“ 控 制 面板 ”>“ 管 理工 具 ”>“Internet 信息 服务 ”命令 ,弹出 如 图 2-10 
所 示 的 “Internet 信息 服务 ”窗口 ,依次 展开 “ 根 ” 节 点 “网 站 ”节点 “上 默认 网 站 ”节点 。 

(7) 右 击 “ 默 认 网 站 ”节点 ,弹出 如 图 2-11 所 示 的 菜单 。 可 以 选择 “停止 "命令 关闭 IIS 
服务 ,也 可 以 选择 “暂停 ”命令 暂停 IIS 服务 。 
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Internet 信息 服务 (IIS) 


i 


芒 息 服务 CIS) 的 子 组 忻 化 )- 


回 ;四 SNTF Serviee 
回 侈 公用 文件 
国 闫 万 准 网 服务 


回 感 六 村 


1.3 加 
1.1 加 
1.0 加 
2.3 加 
3.5 上 


描述 : 使 用 出 crosoft ProntPase 和 Yisual InterDev 来 创作 和 管理 站 点 


图 2-9 “Internet 信息 服务 器 (IIS) ”对话 框 


XE Internet 信息 服务 
文件 加 掀 作 册 ”查看 名 ”帮助 如 
和 | 由 | 国 | 久 日 忆 | 久 图 | 旦 | Pi 


二 iaternet 人 县 服务 名 和 
日 蜀 92-20081130MTI 本 地 计划 机 E25 


乓 mainters 
国 sspnet_client 
help. if 


胃 mnmc gif 


国 varnine cif 
国 veb mi 


国 inxp aif 


路 径 
Si winaewsVhelp\iishely 
C: MWINDOWS\web\printers 


| 


图 2-10 “Internet 信息 服务 ”对 话 框 


文件 中 操作 Q) 
和 


查看 WD 帮助 


本 外 


YH-2009 TRC 
已 国 网 站 | 


图 2-11 右键 快捷 菜单 


马 1 这 -20091130ATH (本地 计算 机 ) 
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提示 : 当 用 户 通 过 HTTP 浏览 位 于 Web 服务 器 上 的 一 些 Web 页 面 时 ,Web 服务 器 需 
要 确定 与 该 页 面 对 应 的 文件 位 于 服务 器 硬盘 上 的 什么 位 置 。 事 实 上 ,在 由 URL 给 出 的 信 
息 与 包含 页 面 文件 的 物理 位 置 (在 Web 服务 器 的 文件 系统 中 ) 之 间 有 着 重要 的 关系 。 这 个 
关系 是 通过 虚拟 目录 来 实现 。 

提示 : 虚拟 目录 相当 于 物理 目录 在 Web 服务 器 机 器 上 的 别名 , 它 不 仅 使 用 户 避 免 了 
宛 长 的 URL, 也 是 一 种 很 好 的 安全 措施 ,因为 虚拟 目录 对 所 有 浏览 者 隐藏 了 物理 目录 
结构 。 

(8) 在 硬盘 上 创建 一 个 物理 目录 ,这 里 在 C 盘 的 根 目 录 下 创建 一 个 目录 ,命名 为 
Sample。 

(9) 启动 “Internet 信息 服务 ”, 右 击 “ 默 认 网 站 ”节点 ,选择 "新建 ”>“ 虚 拟 目录 ”命令 , 弹 
出 如 图 2-12 所 示 的 “虚拟 目录 创建 向 导 ” 对 话 框 。 


虚拟 目录 创建 向 导 


欢迎 使 用 虚拟 目录 创建 向 导 


此 向 导 将 帮助 悠 在 网 站 上 新 建 一 个 虚拟 目录 。 


单 击 “ 下 一 步 ” 控 望 继 秩 - 


图 2-12 “虚拟 目录 创建 向 导 ” 对 话 框 


(10) 单 击 “ 下 一 步 "按钮 ,弹出 如 图 2-13 所 示 的 “虚拟 目录 别名 ”界面 。 


虚拟 目录 创建 向 导 


虚拟 目录 别名 
必须 为 碟 拟 目录 提供 一 个 简短 的 名 称 或 别名 ,以 便于 快速 引用 ， 


4 ee 录 沪 问 权限 的 别名 。 使 用 的 命名 规 


别名 QQ): 


图 2-13 “虚拟 目录 别名 ”界面 
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(11) 在 “别名 ”文本 框 中 输入 虚拟 目录 的 名 字 , 这 里 命名 为 Sample, 和 它 的 物理 目录 的 
名 字 相 同 。 然 后 单 击 “ 下 一 步 ?按钮 ,弹出 如 图 2-14 所 示 的 “网 站 内 容 目 录 ” 界 面 。 


谋 拟 目录 创建 向 导 


网 站 内 容 目录 
要 发 布 到 网 站 上 的 内 容 的 位 置 。 


输入 内 容 所 在 的 目录 路 径 。 


目录 名) 
[ES 


图 2-14 “网 站 内 容 目 录 ” 界 面 


(12) 选择 刚才 创建 的 物理 目录 C:\Sample, 单 击 “ 下 一 步 "按钮 ,弹出 如 图 2-15 所 示 的 
“访问 权限 ”界面 。 


虚拟 目录 创建 向 导 


访问 权限 
设置 虚拟 目录 的 访问 权限 


人 允许 下 列 权限 


已 际 取 久 

万 运行 脚本 @0 ASP) GE) 

厂 执行 Wn ISAPT 应 用 程序 或 C6I) (E) 
厂 写 入 中) 

厂 浏览 四) 

单 击 “ 下 一 步 ” 控 全 完成 竺 导 - 


Ew 


图 2-15 “访问 权限 ”界面 


(13) 在 “访问 权限 ”界面 设置 虚拟 目录 的 访问 权限 ,除非 读者 明白 自己 需要 什么 样 的 权 
限 ,否则 不 要 改变 创建 时 默认 的 权限 。 单 击 “ 下 一 步 ” 按 钮 ,弹出 如 图 2-16 所 示 的 “已 成 功 创 
建 虚拟 目录 ”界面 。 

(14) 单 击 “完成 ?按钮 ,完成 虚拟 目录 的 创建 。 此 时 ,在 “Internet 信息 服务 ”窗口 的 目录 
中 将 显示 该 Sample 虚拟 目录 ,如 图 2-17 所 示 。 

(15) 在 Sample 虚拟 目录 上 右 击 , 从 弹出 的 菜单 中 选择 的 “属性 ”命令 ,如 图 2-18 所 示 。 

(16) 弹出 如 图 2-19 所 示 的 “Sample 属性 ”对 话 框 ,选择 “虚拟 目录 ”选项 卡 ,并 设置 连接 
到 Web 站 点 的 内 容 来 源 , 上 默认 为 “此 计算 机 上 的 目录 ”, 对 此 目录 的 默认 权限 只 有 “ 读 取 ”、 
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库 拟 目录 创建 癌 导 


己 成 功 完 成 虚拟 目录 创建 向 导 。 


单 击 “ 完 成” 按 团 继续 - 


图 2-16 “已 成 功 创建 虚拟 目录 ”界面 


XE Internet 信息 服务 
文件 四 ”操作 查看 匀 帮助 0 
中 省 生 | 加 |X 办 昌 脆 国 困 | 号 
国 Tntornot 信息 服 务 名 称 
了 了 2-20091130ATN 本 地 计算 机 | 国 于 动 夭 撤 
向 网 站 
日 鸣 对 认 网 站 (停止) 
田 各 IIshelp 
由 观 Printer= 
国 - 国 aspnet_client 
者 
由 国 FTP 站 点 
由 -和 海 默认 SNTP 虚拟 服务 器 


图 2-17 Internet 信息 服务 


ornel 信息 服务 | 四 路 径 
TIEE-20091130ATN (本 地 计划 机 
外 
BB 二 RA 
甸 狗 Irany 
Printers 


此 视 田 中 没有 可 显示 项 目 。 


各 默认 Smr | 打开 忆 ) 


浏览 时) 

采 开 当前 先 短 的 属 新建 Qi) 上 
所 有 任务 多) 
查看 邮 ) 人 
Mp @) 
刷新 区) 


导出 列表 人 )， 


图 2-18 选择 “属性 ”命令 
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“记录 访问 ”和 “索引 资源 ”3 项 ,如 果 没 有 特殊 要 求 , 此 选项 卡 中 的 内 容 不 需要 改动 。 


虚拟 目录 | 文档 “| 目录 安全 性 | MTTP 头 | 自 定义 赌 误 | As? NET 
注 接 到 诬 沽 时 的 内 容 未 源 
[ODDS Es 

人 @ 另 一 台 计 算 机 上 的 共享 E) 

OA wero 


本 地 路 径 亿 ) 上 E: 修 疏 界面 后 的 项 目 \ 考 勤 隶 统 

口 脚本 资源 访问 加) 团 记录 访问 
轩 读 职 @) 
口 写 入 @) 


索引 资源 中 


目录 浏览 
应 用 程序 设 轩 

应 用 程序 名 四 ) 
开始 位 置 

执行 权限 台 ) 

应 用 程序 保护 人) : 


应 用 心 ) 


图 2-19 “虚拟 目录 ”选项 卡 
(17) 选择 “文档 ”选项 卡 , 并 选中 “启动 默认 文档 " 复 选 框 ,这 样 当 运行 Web 程序 后 ,不 
需要 在 地 址 栏 中 填写 此 文件 名 ,系统 会 读 取 默 认 文档 中 的 文件 。 用 户 可 以 添加 和 删除 默认 
文档 ,如 图 2-20 所 示 。 


[有 和 目 录 ] 文 和 “| 目录 安全 全 | HTTP 头 ] 自 定义 柑 误 | ASP NET] 


[ET 5 
Default asp 添加 外) 
index htm 

iisstart. asp Ty] 
Defsult. aspz WE 


人 口语 用 六 初 页 秆 0) 


| 浏览 四 ) 


EN | [十 向 ] 


图 2-20 “文档 ”选项 卡 
(18) 选择 “目录 安全 性 ”选项 卡 , 设 置 目录 安全 性 ,如 图 2-21 所 示 。 共 有 3 种 方法 可 以 
控制 目录 的 安全 性 ,分 别 为 “身份 验证 和 访问 控制 "“IP 地 址 和 域名 限制 ”以 及 “安全 通信 ”， 
通过 这 3 种 方法 可 以 有 效 地 控制 目录 的 安全 性 。 


Sample 属性 
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碟 拟 目录 | 文档 | 目录 安全 性 


TP 头 | 自 定义 钱 误 AsP. ET 


牙 名 访问 和 身份 验证 控制 
六 训 访 问 资源 及 沪 福 身份 验证 方 


IP 地 址 和 域名 限制 


Ba 


安全 通信 


次 


访问 要 : 通信 并 局 
本 求 安全 通信 并 启用 客 


图 2-21 


“目录 安全 性 ”选项 卡 


(19) 选择 ASP.NET 选项 卡 ,如 图 2-22 所 示 ,设置 用 户 使 用 的 ASP.NET 版 本 ,这 里 设 
置 为 2.0.50727, 最 后 单 击 “ 确 定 ” 按 钮 ,完成 所 有 的 Web 服务 器 的 设置 。 


5ample 压 性 


| 虚拟 目录 | 文档 | 目录 安全 性 | rTF 头 | 目 定义 错误 | ASF HET 


ASPNET 版 本 : 
虚拟 路 全: 

文件 位 置 : 

文件 创建 日 期 

上 次 修改 文件 的 时 间 : 


编辑 配置 E) 


取消 应 用 从 香 助 


图 2-22 ASP.NET 选 项 卡 


任务 2-2-2 
【任务 描述 】 


安装 Visual Studio 2010 


安装 Visual Studio 2010 ,搭建 ASP.NET Web 应 用 程序 的 集成 开发 环境 。 
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【任务 实施 】 
(1) 单 击 Visual Studio 2010 中 文 旗舰 版 的 setup. exe 安装 程序 启动 安装 。 
(2) 打开 安装 程序 后 ,首先 进入 如 图 2-23 所 示 的 安装 向 导 界 面 。 


sa 以 确保 胆 crosoft Yisual 


图 2-23 ”Visual Studio 2010 安装 向 导 界 面 


(3) 选择 “安装 Microsoft Visual Studio 2010” 选 项 , 即 进入 Visual Studio 2010 的 安装 ， 
如 图 2-24 所 示 。 


EVisual studior2010 该 觅 版 。 妆 装 


交角 mi creseft Visual Stadie 2010 旗舰 版 安 
此 向 导 梅 引导 您 完成 此 程序 及 所 需 全 部 钥 件 的 安装 过 程 。 


bi Mi erosoft Wisual 5tudio 安装 体验 的 
用 i i ie, 
SEN 


Nerosott Corporation 发 送 有 关 批 的 安装 体验 的 


司 有 关 详 细 信 息 ， 请 阅读 隐私 直 明 


安装 程序 正在 加 载 安 装 组 件 。 
i 


上 - 步 中 ] 下 - 步 叫 


图 2-24 ”加 载 安装 组 件 的 过 程 
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注意 : 在 安装 Visual Studio 2010 之 前 ,Visual Studio 2010 安装 程序 首先 会 加 载 安 装 
组 件 ,这 些 组 件 为 Visual Studio 2010 的 顺利 安装 提供 了 基础 保障 ,安装 程序 在 完成 组 件 的 
加 载 之 前 ,用 户 不 能 进行 安装 步骤 的 选择 。 

(4) 安装 组 件 加 载 完毕 后 , 单 击 * 下 一 步 ? 按 钮 进入 安装 程序 起 始 页 ,选中 * 我 已 阅读 并 
接受 许可 条 款 ” 单 选 按钮 ,如 图 2-25 所 示 。 


EVisual studiozoto 训 用 版 ”六 半 


人 A 请 退出 所 有 应 用 程序 ， 然 后 再 继续 安装 。 革 瞄 要 于 解放 可 条 考 中 讽 朋 的 所 有 权利 和 限制 * 必须 接受 许可 

CS |WICRMISOPT 软件 许可 条 款 

© 支 装 程序 将 安装 下 列 组 件 : WICEDSOFT YISUAL STUDIO 2010 旗舰 版 相 WICROSOFT YISUAL STUDIO 自 
上 erosoft 应 用 程序 模 误 报告 2010 旗舰 版 i 款 用 版 

YC 9.0 Runtine G86) 

» WC 10.0 Runtims (x88) 这 些许 可 条 蒜 星 中 ressEt Corporstien 《或 您 所 在 地 的 出 cxosoft 


» Mierosoft .HET Franework 4 
erosoft 而 soal Stndie 2010 训 觅 版 


Corporation 关联 公司 ) 与 您 之 间 达 成 协议。 请 阅读 条 款 内 容 。 这 些 
好 款 通 用 于 上 广 软件 ， 世 括 您 用 来 摘 收 该 软件 的 介质 《加 有 ) 。 这 些 条 | 


打印 中 


技 Page Tovn 键 本 查看 更 多 内 容 。 


局 我 已 阅读 并 接受 许可 条 款 以) 。 
上 日 我 不 接受 许可 条 款 0)。 


个 字符 


‘ 步 )] [TF- 步 mp >] (aa 


图 2-25 安装 程序 起 始 页 


(5) 单 击 “下 一 步 ? 按 钮 ,进行 Visual Studio 2010 的 安装 ,用 户 可 以 设置 Visual Studio 
2010 的 安装 路 径 , 如 图 2-26 所 示 。 

注意 : 当选 择 安装 路 径 后 ,就 能 够 进行 Visual Studio 2010 的 安装 了 。 在 选择 路 径 前 ， 
可 以 选择 相应 的 安装 功能 ,通过 选择 “完全 ”或 “ 自 定义 ” 单 选 按 钮 。 选 择 “ 完 全 ”将 安装 
Visual Studio 2010 的 所 有 组 件 , 单 击 “ 安 装 ” 按 钮 就 开始 安装 ,如 图 2-27 所 示 。 而 如 果 只 需 
要 安装 几 个 组 件 , 则 可 以 选择 “ 自 定义 ”进行 组 件 的 选择 安装 。 

图 2-27 中 的 安装 界面 的 左 侧 将 显示 安装 列表 的 进度 ， 本 人 二 休 ， 生 局/ 有 进入 
图 2-28 所 示 界 面 ,显示 已 经 成 功 安 装 Visual Studio 2010, 最 后 单 击 “ 完 成 ”按钮 ,结束 安装 
过 程 。 至 此 ,Visual Studio 2010 成 功 地 被 安装 到 本 地 计算 机 上 。 


任务 2-2-3 创建 简单 的 Web 网 站 


【任务 描述 】 
。 在 Visual Studio 中 创建 ASP.NET 网 站 项 目 。 
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EB Visual studior2010 谅 股 版 。 立 装 


选择 要 安装 的 功能 (3): 功能 说 明 : 

加 完全) 
ee 
言 和 工具 。 | 汪 过 Wisual Basic、Visual [六 Visdal 

+ 或 Visual 3 | VWindons 、 Wsb、 Azue 、Dffice 

日 自 定义 (VW) systen 、ShareFoint、3QL Server 和 其 他 平台 的 解 夫 方案 * 


黄玉 一 页 上 选择 要 安装 的 扩 和 语言 和 工 


: 站 3 Ea 
~ IntelliTrace 、 
i 从 资 源 管 理 器 。 此 : 


Bl Server Express、 En SDK、Syne Franenork\ 图 


产品 安装 路 径 四 ) - 
Freem FilesWicrosoft Visudl Studio 10.0\ | [ 济 上 W). 
所 要 碰 盘 空间 - 
准 说 盘 大 小 “可 用 必需 剩余 
[3 20 286 758 18 4 全 
D: 5.3 3.668 0 字 节 3.8 人 


图 2-26 Visual Studio 2010 安装 路 径 的 选择 


EDVisual Studio2olo 访 须 版 安装 


正在 安装 组 件 : 


WC 9.0 Runtine (x86) 

WC 10.0 Runtine (x66) 

Mierosoft .NET Pranework 4 

Wierosoft NET Franework 4 简体 中 文 语言 世 

Mierosoft Wisual ?# 2.0 Rontine 

Wierosoft Visual Studio Nucro Tools 

Mierosoft Yisual Studio llacro Tools CIG 语言 包 

TS 对 象 模型 x86) 

ET Franework 4 Multi-Targeting 了 ack 

microseft Yisual Studie 2010 旗舰 版 

Mierosoft Web 部 署 工具 (x88) 

Mierosoft ASP. NET IVC 2 - Yisual Studio 2010 工具 

ierosoft ASP ET NVC 2 - Yisual Stndie 2010 工具 语言 包 - 简体 中 文 
Mierosoft ASP. NET IVC 2 

Mierosoft ASP NET MYC 2 语 诗 思 - 简体 中 文 

Wierosoft Silverlight 尖 


由 


======cxxicxiccc< 丰 


目录 :Ci Windows\synbols\dll\, 
袜 件 :msvep100, ia64.7db; 


图 2-27 Visual Studio 2010 的 安装 
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EDVisual studio 2010 访 般 版 “安装 


成 功 OD 支 全 声明 : 强 列 建 议 
已 支 装 Wisnal Studio 2010， 并 且 设置 完毕 * 此 外 ， 慎 议 守 选择 启用 了 crosoft Update 服务 ， 以 确 
保 收 到 此 产品 和 芋 他 ficrosoft 产品 的 所 有 可 用 更 新 。 


阅读 安全 涪 明 
查看 自述 说 明 
日 检查 安装 日 志 
充实 您 的 工具 箱 。 


从 了 isual Studzo 库 安装 可 与 
拓展: 二 证" 守 和 全 计 是。 


单 击 即 可 获得 帮助 ! 
ni 


Wisual Studio 集成 的 


《上 一步 名 取消 ] 


图 2-28 安装 完成 界面 


。 在 客户 浏览 器 中 运行 默认 生成 页 Default. aspx, 输 出 用 户 登录 时 间 。 
【任务 实施 】 


1. 创建 网 站 


(1) 运行 Visual Studio 2010, 在 VS 2010 菜单 栏 中 选择 “文件 ”>“ 新 建 网 站 ”命令 , 打 
开 “ 新 建 网 站 ”对 话 框 。 

(2) 在 “新 建 网 站 ”对 话 框 的 左 侧 ,选择 “Visual C#”; 在 对 话 框 中 间 部 分 ,选择 “ASP. 
NET 网 站 ”; 在 对 话 框 下 方 的 下 拉 列 表 框 中 ,选择 “Web 位 置 ” 为 “文件 系统 ”; 单 击 “ 浏 览 ” 按 
钮 选择 站 点 路 径 *“G:\ASP.NET 网 站 开发 项 目 化 教程 \chapter02\ch02_3”, 这 里 的 ch02_3 
是 应 用 程序 网站) 名称, 如 图 2-29 所 示 。 

提示 : 打开 “新 建 网 站 ”对 话 框 的 方法 不 止 一 种 ,除了 使 用 如 前 所 述 的 菜单 之 外 还 有 其 
他 方法 ,读者 可 以 尝试 ,在 此 不 予 黄 述 。 

(3) 在 “新 建 网 站 ”对 话 框 中 单 击 “ 确 定 ” 按 钮 ,Visual Studio 2010 会 自动 创建 并 配置 新 
建 的 网 站 ch02_3 ,并 且 会 自动 创建 一 个 Web 页 面 Default. aspx, 同 时 在 主 窗 体 中 显示 默认 
文档 Default. aspx 的 代码 结构 ,如 图 2-30 所 示 。 

提示 : 在 “解决 方案 资源 管理 器 "窗口 中 可 以 看 到 创建 的 网 站 中 包括 Default. aspx、 
Default. aspx. cs、web. config 文件 和 文件 夹 App_Data Scripts。 其 中 Default. aspx 文件 是 
所 创建 的 Web 页 面 , 扩 展 名 为 . aspx,Default. aspx. cs 文件 是 Web 页 面 文件 Default. aspx 
对 应 的 程序 代码 文件 ,web. config 文件 是 网 站 配置 文件 ,文件 夹 App_Data 是 存放 网 站 数据 
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| NET Framework -| 震 冶 依 闫 2 人 全 国 
= 基本 Visual C# 。 类型: Visual C# 
a 钱 ASp.NET 空 网 站 Visual C# | 空 ASPNET 网 站 
联 中 AspNET Dynamic pata 实生 网 站 Visual C# 
名 AspNET pyamicpatalinqto SQL 网 站 Visual C# 
区 wo RS Visual C# 
部 sp.NET Reports Ws Visual C# 
磺 nspNET web 有 Visual C# 
渴 ASP.NET Crystal Reports Web 站 点 Visual C# 


单 王 “浏览 ” 搜 馈 


其 4 
WASP.Net 网 站 开发 项 目 化 教程 \chapter02\ch02_3 -| 属 浏览 (B) 


Web 位 夯 (L): 文件 系统 |= 咱 G: 


HTTP 
FTP 


图 2-29 “新 建 网 站 ”对 话 框 


Microsoft Visual Stu 
文件 (E) 编辑 (E) 视图 (V) 网 站 (5) 生成 (8) 调试 (D) 团队 (M) 数据 (A) 工具 (TD) 体系 结构 (C) 测试 (53) 分 析 (N) 


Saal eI Debuo -Anycpu -| Categories 
XHTML 1.0 Tran -| 
Default.aspx x 际 管 
客户 端 对 象 和 事件 -| “(无 事件 ) 9 le Se 
Ca Page Langunge= "CH AurofvenrWirenp= true™ Coderile="Default. aspx 回 解决 方案 "dh02_3“(1 个 项 目 ) 
_ 了 a ， a “=- 邹 G:\\dho2 3\ 
<!DOCTYPE html PUBLIC“-//W3C//ADTI IDL 1.0 Iransitional//EN 已 App_Data 
日 - BS Scripts 
下 jquery-1.4.1-vsdoc.j| 
国 jquery-1.4.1jj 


国 jiquery-1.4.1.min.js 
白 - 国 Default.aspx 
<div> 图 Default.aspx.cs 
芒 web.config 


75% ~- a 到 °F 
NE Er3 


图 2-30 ”Visual Studio Web 窗 体 界面 
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库 的 文件 夹 ,Scripts 用 于 存放 网 站 JS 脚本 文件 ,实际 开发 过 程 中 用 户 还 可 以 根据 需要 自己 
创建 文件 夹 用 于 存放 应 用 程序 (网 站 ) 所 需要 的 其 他 资源 ,如 创建 images 文件 夹 用 于 存放 网 
站 图 片 。 

2. 设计 Web 页 面 

(1) 在 页 面 代码 视图 中 到 title> 二 /title> 之 间 输 入 网 页 标题 “新 知 书店 网 ”。 

(2) 单 击 编辑 窗 体 底部 的 “设计 视图 "按钮 ,切换 到 网 页 的 设计 视图 ,在 div 区 域 输入 文 
字 “ 欢 迎 您 光临 新 知 书店 网 ”, 如 图 2-31 所 示 , 然 后 单 击 工 具 栏 中 的 “保存 ”按钮 贺 或 “全 部 
保存 "按钮 国保 存 新 建 的 页 面 。 


图 2-31 Web 页 中 输入 文字 
(3) 单 击 编 辑 窗 口 底部 的 “ 源 ” 按 钮 ,切换 到 页 面 的 源 代码 视图 ,如 图 2-32 所 示 。 


%@ Page Language= CH”AutoEvyentWireup= "true”CodeFile= "Default. aspx.cs”In 
<!DOCTYPE html PUBLIC “-/AW3C//DTD XHTML 1.0 Transitional//EN” “bttp:ZLwnrw. 
3<html xmlns=“http://www.w3. org/1999/xhtml”> 
<head runat="server”> 

《title> 新 知 书店 </title> 
</head> 
<body> 

《form id-”forml” runat=”server”> 


<div> 
欢迎 您 光临 新 知 书店 ! 
div> 
| /formy 
,</body> 
</html> 
wo% -| 


6G 设计 |o 拆 分 |e 源 | 图 


图 2-32 ”Web 页面 的 源 代码 视图 
3. 编写 程序 代码 


在 “解决 方案 资源 管理 器 ”窗口 中 双击 Default. aspx. cs, 切 换 到 程序 逻辑 代码 编写 页 
面 ,在 逻辑 代码 编写 页 面 Default. aspx. cs 的 代码 编辑 区 域 中 为 Page 对 象 的 Load 事件 编写 
功能 代码 ,输出 用 户 登录 时 间 , 如 图 2-33 所 示 。 然 后 单 击 工具 栏 中 的 “保存 ”按钮 圆 或 “全 
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部 保存 ”按钮 国保 存 Default. aspx. cs 页 中 输入 的 程序 迎 辑 代码 。 


并 _Default -| Page_Load(object sender, EventArgs 时 
1 Musing System; 
using System. Collections. Generic; 
3 |using System Linq; 
using System Web; 
5 |using System. Web. UI; 
lusing System. Web. UI. WebControls; 


8 epublic partial class Default : System.Web.UT. Page 


protected void Page_ Load(object sender, EventArgs e) 
{ 
Response. Write( "您 的 登录 时 间 为 : ”+ DateTime. Now +“” 


图 2-33 在 Web 页 中 输入 文字 
图 2-33 中 Page 对 象 的 Load 事件 的 逻辑 代码 ( 即 第 12 行 ) 如 下 : 
Response. Write( "您 的 登录 时 间 为 : "+ DateTime.Now + ""); 
其 余 代 码 均 为 系统 自动 生成 。 
4. 预览 页 面 


直接 按 F5 键 或 者 在 主 窗口 中 选择 “调试 >“ 启动 调试 "命令 浏览 网 页 ,如 果 出 现 了 如 
图 2-34 所 示 的 “未 启用 调试 "对话 框 , 直接 单 击 “ 确 定 ” 按 钮 ,自动 添加 启用 调试 的 
web. config 配置 文件 ,激活 调试 功能 。 页 面 的 浏览 效果 如 图 2-35 所 示 。 


由 于 未 在 Web.config 文件 中 启用 调试 ， 因 此 无 法 在 调试 模式 下 运行 该 页 ， 称 项 望 数 什 么 ? 


名 除 改 Web.config 文件 以 启用 调 i(M),。 | 
对 在 从 产 环境 中 部 署 网 站 之 前 ， 应 在 Web.config 文件 中 禁用 调试 。 


〇 不 进行 调试 直接 运行 (R)。( 等 同 于 Ctrl+F5) 


图 2-34 “未 启用 调试 ”对话 框 


任务 2-2-4 分 析 ASP.NET 文档 


【任务 描述 】 
。 认识 ASP.NET 文档 的 内 容 和 结构 。 
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新 知 书店 - Windows Internet Explorer 
仿 鳃 = 四 http:/loalhost6038/ch 司 加 区 ] 国 百度 一 下 


过 收藏 赤 “| 大 新 知 书店 男 轩 -也 


您 的 登录 时 间 为 ，2014-4-12 12:4733 


残 迎 您 光临 新 知 书店 ! 


完成 


2-35 ”Web 页 面 Default. aspx 的 预览 效果 


。 分析 ASP.NET 页 面 的 功能 代码 。 
【任务 实施 】 


1. 打开 任务 2-2-3 中 所 创建 的 网 站 项 目 ch02_3 

启动 Visual Studio 2010, 在 主 窗口 中 选择 “文件 ”>“ 打 开 网 站 ”命令 ,在 “打开 网 站 ”对 
话 框 中 选择 任务 2-2-3 所 创建 的 网 站 项 目 为 ch02_3 的 文件 夹 ,该 网 站 夹 的 路 径 为 *“G:\ASP 
.NET 网 站 开发 项 目 化 教程 \chapter02\ch02_3”, 然 后 单 击 “ 打 开 网 站 ”对 话 框 中 的 “打开 ” 按 
钮 , 即 可 打开 网 站 ch02_3 ,如 图 2-36 所 示 。 


ey 


文件 系统 


渤 择 要 打开 的 文件 奕 (5)。 将 X 
全 自 软 件 瑟 置 管理 (SCM) 要 
所 让 三维 避 释 道 与 文人 
本 地 1I5 全 入 申办 % 校 建设 项 目 准 备 材料 


开发 数据 库 应 用 系统 


全 自 数据 库 原理 及 应 用 
s 目 数学、 数值 分 析 、 短 御 
| 生生 数字 电子 技术 
|， 主 包 网 页 设计 与 制 攻 实 用 到 得 (第 二 版 ) 
三 上 学 和 课外 指导 
| 庆 饭 学院 信 息 化 (网站 ) 奸 设 
白 二 娱乐 (F] 
(6) 
5 局 ASP.Net 程 序 设 计 牧 材 编写 
局 素材 
丘 筷 ASP.Net 网 站 开发 项 目 化 教程 
SB chapter02 
日 自 
6- 局 App_Data 
EB Scripts EE 


G:MASP.Net 网 站 开发 项 目 化 教程 \chapter02\ch02_3 


[Hr |[ ms 


文件 夹 {EE): 


2-36 “打开 网 站 ”对 话 框 


2. 分 析 Web 页 面 的 源 代码 
任务 2-2-3 中 所 创建 网 站 ch02_3 的 Web 页 面 Default. aspx 的 源 代码 如 表 2-1 所 示 。 
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表 2-1 网 站 ch02 3 的 Web 页面 Default. aspx 的 源 代码 


行 号 代 码 页 
01 <% @ Page Language = "C#" AutoEventWireup= "true" CodeFile = "Default.aspx. cs" 
02 Inherits=" Default" %> 
03 
04 <! DOCTYPE html PUBLIC " - //W3C//DTD XHTML 1.0 Transitional//EN” 
05 "http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 
06 
07 < html xmlns = "http://www. w3.org/1999/xhtm1"> 
08 < head runat = "server"> 
09 <title > 新 知 书店 网 </title> 
10 </head> 
11 <body> 
12 < form id = "forml" runat = "server"> 
13 <div> 
14 欢迎 您 光临 新 知 书店 网 ! 
15 </div> 
16 </form> 
17 </body > 
18 </html > 


表 2-1 的 代码 解释 : 

(1) 01-02 行 代码 为 页 面 指令 , 即 " 二 %@ Page % 二 ?指令 ,主要 为 ASP.NET 页 面 文件 
制定 解析 和 编译 时 使 用 的 属性 和 值 ,每 一 个 . aspx 页 面 文 件 只 能 包含 一 条 @ Page 指令 。 其 
中 ,@ Page 指令 的 Language 属性 为 网 页 文档 指定 程序 语言 类 型 ， AutoEventWireup 属性 
的 默认 值 为 true, 表 示 将 自动 调用 页 面 事件 (相关 知识 将 在 后 续 章节 中 详 述 ); CodeFile 指 
定 了 与 页 面相 关 的 后 置 代 码 文件 ,本 例 后 置 代码 文件 为 Default. aspx. cs; Inherits 属性 定义 
了 供 页 面 继续 的 代码 后 置 的 类 。 

(2) 04-05 行 声明 文档 的 类 型 ,说明 网 页 文档 使 用 的 XHTML 是 哪 一 个 版 本 ,这 里 使 用 
的 是 XHTML 1.0。 

(3) 07-18 行 的 HTML 源 代码 被 分 为 两 部 分 : 过 head 盖 … 到 /head 二 之 间 的 网 页 头 部 
区 域 和 一 body 二 … 一 /body 二 之 间 的 网 页 主体 部 分 。 

(4) 到 form>>…</from> 表 示 网 页 中 包含 一 个 表单 对 象 。 

(5) 一 div 二 … 一 /div 二 表示 布局 区 块 ,div 是 一 种 XHTML 的 布局 标签 。 

(6) 第 08 行 和 12 行 所 出 现 的 “runat 一 "server"" 指 明 该 代码 在 服务 器 端 执行 。 


3. 分 析 Web 页 面 的 程序 逻辑 (功能 ) 代 码 


任务 2-2-3 中 所 创建 的 Web 页 面 Default. aspx 引用 的 代码 隐藏 文件 的 程序 逻辑 ( 功 
能 ) 代 码 如 表 2-2 所 示 。 
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表 2-2 Web 页 面 Default. aspx 的 代码 文件 Default. aspx. cs 中 的 代码 


行 号 代 码 页 
01 using System; 
02 using System. Collections. Generic; 
03 using System. Ling; 
04 using System. Web; 
05 using System. Web. UI; 
06 using System. Web. UI. WebControls; 
07 
08 public partial class Default : System. Web. UI. Page 
09 { 
10 protected void Page_Load(object sender, EventArgs e) 
11 { 
12 Response. Write( "您 的 登录 时 间 为 : " + DateTime. Now + ""); 
13 } 
14 } 
表 2-2 的 代码 解释 : 


(1) 01 一 06 行 表示 引入 的 多 个 命名 空间 。 

(2) 08 一 14 行 表 示 创 建 的 类 ,10 一 13 行 表示 页 面 对 象 Page 的 Load 事件 过 程 的 程序 
代码 。 

(3) 12 行 表示 在 页 面 输出 您 登录 的 时 间 , DateTime 是 一 个 结构 类 型 , Now 是 
DateTime 的 属性 ,用 于 获取 当前 系统 日 期 和 时 间 。 


人 .3 知识 拓展 
2 


2.3.1 ASP.NET 页 面 的 处 理 机 制 


ASP.NET 页 面 由 . aspx 文件 和 . cs 文件 构成 ,事实 上 . cs 文件 和 . aspx 文件 中 标 有 
runat 二 “server” 属 性 (该 属性 会 在 后 续 内 容 中 介绍 ) 的 元 素 被 编译 成 一 个 类 ,两 者 是 局 部 类 
(由 关键 字 partial 声明 的 类 ) 的 关系 ,在 运行 过 程 中 ,可 以 将 Web 页 面 的 . cs 文件 和 . aspx 文 
件 看 成 一 个 整体 ,Web 页 面 的 处 理 过 程 如 下 : 

(1) 用 户 通过 客户 端 浏览 器 请 求 页 面 ,页 面 第 一 次 运行 。 如 果 程 序 员 通 过 编程 让 它 执 
行 初步 处 理 , 如 对 页 面 进行 初始 化 操作 等 ,可 以 在 Page_load 事件 中 进行 处 理 。 

(2) Web 服务 器 在 其 硬盘 中 定位 所 请 求 的 页 面 。 

(3) 如 果 Web 页 面 的 扩展 名 为 . aspx, 就 把 这 个 文件 交 给 aspnet-isapi. dll 进行 处 理 。 
如 果 以 前 没有 执行 过 这 个 程序 ,那么 就 由 CLR 编译 并 执行 ,得 到 纯 HTML 结果 ; 如 果 已 经 
执行 过 这 个 程序 ,那么 就 直接 执行 编译 好 的 程序 并 得 到 纯 HTML 结果 。 

(4) 把 HTML 流 返回 给 浏览 器 ,浏览 器 解释 执行 HTML 代码 ,显示 Web 页 面 的 内 容 。 

上 述 过 程 可 以 用 图 2-37 加 以 说 明 。 
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后 成 
第 一 次 请 求 “| .aspx | 第 一 次 请 求 _ 
本 文件 | 页 面 类 
第 一 次 请 求 | ， 
向 应 1 
响应 |! ____ 程序 全 编 详 


图 2-37 ASP.NET 页 面 运行 机 制 


2.3.2 ASP.NET 的 网 页 代码 模型 


ASP.NET 网 页 由 以 下 两 部 分 组 成 : 

。 可 视 元 素 , 包 括 标 记 、 服 务 器 控件 和 静态 文本 。 

。 页 的 编程 逻辑 ,包括 事件 处 理 程序 和 其 他 代码 。 

ASP.NET 提供 了 两 个 用 于 管理 可 视 元 素 和 代码 的 模型 , 即 单 文件 页 和 代码 隐藏 页 模 
型 。 这 两 个 模型 功能 相同 ,两 种 模型 中 可 以 使 用 相同 的 控件 和 代码 。 

1. 单 文 件 页 模型 

在 单 文件 页 模型 中 ,页 的 标记 及 其 编程 代码 位 于 同一 个 后 组 为 . aspx 的 文件 中 。 可 以 
通过 下 面 的 操作 创建 一 个 单 文件 页 模型 ,打开 任务 2-2-3 所 创建 的 网 站 项 目 ch02_3, 在 “ 解 
决 方案 资源 管理 器 ”窗口 中 右 击 网 站 ch02_3, 从 弹出 的 快捷 菜单 中 选择 “添加 新 建 项 ” 命 今 ， 
在 “名 称 ” 文 本 框 中 输入 sPage. aspx, 如 图 2-38 所 示 , 取 消 选 中 “将 代码 放 在 单独 的 文件 中 ” 


诉 加 新 项 - G:\ASP. Net 网 站 开发 项 目 化 教程 \chapter02\ch02_ 3\ x 
已 安装 的 模板 | 时 入 ”加 


Visual Basic 国 品 Silv Visual C# 
Visual C# 口 图 版 页 目 SQL Web 应 用 程序 的 窗 体 

图 Web 用户 控件 虽 wa 

了 ”ADO.NET 实体 数据 模型 最 WO 

盟 Crystal Reports 到 Wet 

飞 Dynamic Data 字段 有 匾 Wet 

国 HTML 页 国 XML 

司 ]Script 文件 国 XML 

国 UNQto 5QL 类 盟 XSL 

加 Silverlight 1.0 ]Saipt 页 国 报 寺 


Rm 
于 


2-38 ”创建 单 文件 页 模型 
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复 选 框 , 单 击 “ 添 加 ”按钮 , 即 可 创建 单 文件 页 模型 的 ASP.NET 文件 ,创建 后 会 自动 创建 相 
应 的 Html 代码 以 便 页 面 的 初始 化 ,示例 代码 如 表 2-3 所 示 。 


表 2-3 单 文件 页 模型 的 sPage. aspx 页 面 代 码 


行 号 代 码 页 
01 < 第 @ Page Language = "C#" %> 
02 <!DOCTYPE html PUBLIC " - //W3C//DTD XHTML 1.0 Transitional//EN" 
03 "http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 
04 < script runat = "server"> 
05 
06 </script> 
07 < html xmlns = "http://www. w3.org/1999/xhtml"> 
08 < head runat = "server"> 
09 <title></title> 
10 </head> 
11 <body> 
12 <form id= "forml" runat = "server"> 
13 <div> 
14 </div> 
15 </form> 
16 </body> 
17 </html > 


表 2-3 中 的 代码 演示 了 一 个 单 文件 页 。 业 务 逻 辑 代码 位 于 过 script 之 … 到 /script 二 标 
记 的 模块 中 ,以 便 与 其 他 显示 代码 隔离 开 。 服 务 器 端 运行 的 代码 一 律 在 二 script 之 标记 中 注 
明 runat 二 "server" 属 性 ,此 属性 将 其 标记 为 ASP.NET 应 执行 的 代码 。 一 个 二 script 二 模块 
可 以 包括 多 个 程序 段 , 每 个 网 页 也 可 以 包括 多 个 二 script 二 模块 。 

一 script runat 一 "server" 过 中 的 runat 是 script 二 标记 的 一 个 属性 ,属性 值 为 
"server" ,表示 到 script 二 块 中 包含 的 代码 在 服务 器 端 而 不 是 客户 端 运行 ,此 属性 对 于 服务 
器 端 代码 是 必需 的 。 

在 对 单 文件 页 进行 编译 时 ,编译 器 将 生成 并 编译 一 个 从 Page 基 类 派生 或 从 使 用 @Page 
指令 的 Inherits 属性 定义 的 自 定义 基 类 派生 的 新 类 。 在 生成 页 之 后 ,生成 的 类 将 编译 成 程 
序 集 ,并 将 该 程序 集 加 载 到 应 用 程序 域 ,然后 对 该 页 类 进行 实例 化 并 执行 该 页 类 ,以 将 输出 
呈现 到 浏览 器 。 单 文件 页 模型 如 图 2-39 所 示 。 


2. 代码 隐藏 页 模型 


在 创建 网 页 时 ,如 果 选 中 * 将 代码 放 在 单独 的 文件 中 ” 复 选 框 , 即 可 创建 代码 隐藏 页 模型 
的 ASP.NET 文件 。 代 码 隐藏 页 模型 与 单 文件 页 模型 不 同 的 是 ,代码 隐藏 页 模型 将 事物 
处 理 代码 都 存放 在 . cs 文件 中 , 当 ASP.NET 网 页 运行 的 时 候 ,ASP.NET 类 生成 时 会 先 处 
理 . cs 文件 中 的 代码 ,再 处 理 . aspx 页 面 中 的 代码 。 这 种 过 程 被 称 为 代码 分 离 。 
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aspx 页 


图 2-39 单 文件 页 模型 


代码 分 离 有 一 种 好 处 ,就 是 在 . aspx 页 面 中 ,开发 人 员 可 以 将 页 面 直接 作为 样式 来 设 
计 , 即 美工 人 员 也 可 以 设计 . aspx 页 面 ,而 . cs 文件 由 程序 员 来 完成 事务 处 理 。 同 时 ,将 
ASP.NET 中 的 页 面 样式 代码 和 人 逻辑 处 理 代 码 分 离 能 够 让 维护 变 得 简单 ,同时 代码 看 上 去 
也 非常 的 优雅 。 在 . aspx 页 面 中 ,代码 隐藏 页 模型 的 . aspx 页 面 代码 基本 上 和 单 文件 页 模型 
的 代码 相同 ,不 同 的 是 在 script 标记 中 的 单 文 件 页 模型 的 代码 默认 被 放 在 了 同名 的 . cs 文件 
中 ,任务 2-2-3 创建 网 站 ch02_3 时 自动 生成 的 Web 页 面 Default. aspx 就 是 一 个 典型 的 代码 
隐藏 页 模型 。 

与 单 文件 页 模型 相 比 ,代码 隐藏 页 模型 的 . aspx 页 有 两 处 差别 。 在 代码 隐藏 模型 中 ,不 
存在 具有 runat= "server" 特 性 的 script 块 ( 如 果 要 在 页 中 编写 客户 端 脚本 , 则 该 页 可 以 包含 
不 具有 runat 二 "server" 特 性 的 script 块 ) 。 第 二 个 差别 是 ,代码 隐藏 模型 中 的 @ Page 指令 
包含 引用 外 部 文件 (如 Default. aspx. cs) 和 类 的 特性 ,如 多 态 .继承 等 。 这 些 特性 将 . aspx 页 
链接 至 其 代码 。 

代码 隐藏 页 模型 的 优点 包括 以 下 几 点 : 

。 适用 于 包含 大 量 代 码 或 多 个 开发 人 员 共同 创建 网 站 的 Web 应 用 程序 。 

。 代码 隐藏 页 可 以 清楚 地 分 隔 标记 (用 户 界 面 ) 和 代码 。 这 一 点 很 实用 ,可 以 在 程序 员 

编写 代码 的 同时 让 设计 人 员 处 理 标记 。 

。 代码 并 不 会 向 仅 使 用 页 标记 的 页 设计 人 员 或 其 他 人 员 公开 。 

。 代码 可 在 多 个 页 中 重用 。 

但 是 ASP.NET 代码 隐藏 页 模型 的 运行 过 程 比 单 文件 页 模型 要 复杂 ,运行 示例 图 如 
图 2-40 所 示 。 
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最 终 答 出 
图 2-40 ”代码 隐藏 页 模型 


&1 项 目 实 训 


1. 搭建 网 站 开发 环境 


【需求 说 明 】 
。 安装 并 配置 IIS 服务 器 。 
。 安装 并 熟悉 Visual Studio 2010 开发 环境 。 
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2. 创建 “博客 系统 ”的 Web 网 站 


【需求 说 明 】 

。 在 Visual Studio 中 创建 “博客 系统 ”的 网 站 项 目 MyBlog。 

。 在 创建 的 网 站 项 目 MyBlog 中 添加 一 个 Web 页 面 ,输出 姓名 、 邮 箱 账 号 .QQ 号 等 个 
人 信息 和 时 间 。 


&5 单元 小 结 


本 单元 首先 介绍 了 .NET Framework 及 Web 程序 设计 的 一 些 基础 知识 ,如 HTTP 协 

议 的 工作 方式 、 服 务 器 和 浏览 器 的 概念 .B/S 开发 模式 ,然后 对 静态 网 页 和 动态 网 页 的 工作 
原理 进行 了 分 析 和 比较 。 接 着 从 ASP.NET 的 历史 、ASP.NET 的 优点 等 方面 对 ASP.NET 
技术 进行 了 简单 的 介绍 ,并 介绍 了 ASP.NET 开发 环境 的 获取 和 安装 ,为 用 户 进一步 学 习 葛 
定 了 基础 。 接 下 来 讲解 了 ASP.NET 页 面 是 如 何 组 织 和 运行 的 ,包括 页 面 的 往返 与 运行 (处 
理 ) 机 制 ,在 了 解 这 些 基 本 运行 机 制 后 ,就 能 够 在 .NET 框架 下 进行 ASP.NET 开发 了 。 最 
后 ,介绍 了 在 编写 ASP.NET 网 页 时 所 采用 的 代码 模型 ,代码 模型 有 单 文件 页 模型 和 代码 隐 
藏 页 模型 ,在 单 文件 页 模型 中 ,页 的 标记 及 其 程序 代码 位 于 同一 个 后 缀 名 为 . aspx 的 文件 
中 ,而 在 代码 隐藏 页 模型 中 ,页 的 标记 和 服务 器 端 元 素 仍 位 于 . aspx 文件 中 ,程序 代码 则 单 
独 位 于 后 缀 名 为 . cs 的 代码 隐藏 文件 中 。 本 单元 的 知识 体系 如 图 2-41 所 示 。 

HTTP 协 议 

Web 服 务 路、 浏览 器 

C/S 模 式 、B/S 模 式 

Web 基 础 知识 客户 端 、 服 务 器 庙 

静态 网 页 的 工作 原理 
动态 网 页 的 工作 原理 


Web 的 访问 原理 | 
ASPNet 基 础 及 开发 环境 构建 Asp .NET 页 面 的 处 理 机 制 


| 代 现 中村 Default.aspx 和 Default.aspx.cs 
网 页 代码 模型 Inherits 局 性 、CodeFile 属 性 


单 文件 页 模型 


开发 环境 构建 : IS Web 服务 器 、VS2010 安 装 
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@.6 单元 练习 题 


一 、 选 择 题 
1. 下 面 哪 一 个 不 是 动态 网 页 技术 ( ”)。 
A. ASP.NET B. ASP CIsP D. HTML 


monNnmrrpmpN 
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可 以 不 用 发 布 就 能 在 本 地 计算 机 上 浏览 的 页 面 编写 语言 是 (。 )。 


ASP B. HTML C. PHP D. JSP 
默认 的 ASP.NET 页 面 文件 扩展 名 是 ( 省 
ASP B. ASPNET C. Net D. ASPX 


关于 Web 服务 器 ,下 列 描 述 不 正确 的 是 ( Ys 
互联 网 上 的 一 台 特 殊 机 ,给 互联 网 的 用 户 提 供 WWW 服务 


.Web 服务 器 上 必须 安装 Web 服务 器 软件 


IIS 是 一 种 Web 服务 器 软件 
当 用 户 浏览 Web 服务 器 上 的 网 页 的 时 候 ,是 使 用 C/S 的 工作 方式 。 
在 IIS 的 默认 网 站 下 创建 了 一 个 chapterl 虚拟 目录 ,如 果 想 访问 该 目录 下 的 1_1. htm 


页 面 ,下 面 ( ) 是 正确 的 。 


人 


. http://localhost/chapterl 

. http://localhost/asp. net/chapterl 

. http://localhost/chapterl/1_1. htm 

/chapterl/1_1. htm 

.如 果 外 地 朋友 通过 Internet 访问 你 的 计算 机 上 的 ASP.NET 文件 ,应 该 选择 ( ) 。 
. http://localhost/chapterl/1-1. aspx 

. /chapterl/1-1. aspx 

.http:// 你 的 计算 机 名 字 /chapterl/1-1. aspx 

.http:// 你 的 计算 机 IP 地 址 /chapterl/1-1. aspx 


.NET 框架 的 核心 是 ( ”)。 


.NET Framework  B. IL C. FLC D, CLR 
. ASP.NET 程序 代码 编译 的 时 候 , .NET 框架 先 将 源 代码 编译 为 ( Ps 
.汇编 语言 TL C. CS 代码 D. 机 器 语言 
、 填 空 题 
. 计算 机 中 安装 以 后 ,系统 就 可 以 运行 任何 .NET 语言 编写 的 软件 。 
.NET Framework 由 两 部 分 组 成 : 和 


CLR 是 指 ,其 功能 是 负责 6 

.NET Framework 公共 语言 运行 库 最 重要 的 功能 是 为 ASP.NET 提供 
IIS 是 指 。 

目前 最 专业 的 .NET 开发 工具 是 


、 问 答题 


ASP.NET 有 哪些 优点 ? 

简 述 什么 是 .NET 框架 。 

简 述 安装 和 配置 IIS 服务 器 的 步骤 。 
简 述 静态 网 页 和 动态 网 页 的 工作 原理 。 
简 述 ASP .NET 页 面 的 处 理 机 制 。 


使 用 控 件 高 效 创建 网 站 页 面 | 


教学 目标 : 

会 使 用 HTML 服务 器 控件 创建 Web 页 面 。 

会 使 用 Web 标准 服务 器 控件 创建 Web 页 面 。 

会 使 用 数据 验证 控件 验证 Web 页 面 中 输入 的 数据 。 
会 创建 自 定 义 Web 用 户 控件 。 

掌握 常用 Web 标准 服务 器 控件 的 功能 、 属 性 和 事件 。 
掌握 常用 数据 验证 控件 的 功能 和 属性 。 

了 解 常用 的 第 三 方 控件 CKeditor。 


6@.1 知识 准备 


= 


3.1.1 服务 器 控件 概述 


控件 是 对 数据 和 方法 的 封装 ,也 可 以 理解 为 是 一 个 可 重用 的 组 件 或 对 象 ,比如 人 们 在 网 
页 上 经 常 看 到 输入 信息 用 的 文本 框 单 选 按钮 复 选 框 下 拉 列 表 等 元 素 ,都 属于 控件 。 控 件 
可 以 有 自己 的 属性 、 方 法 和 可 以 响应 的 事件 。 而 ASP.NET 控件 是 一 种 服务 器 端 运行 的 组 
件 , 服 务 器 可 以 根据 客户 端 浏览 器 的 类 型 将 其 生成 适合 在 该 浏览 器 运行 的 HTML 标记 , 进 
而 在 客户 端 呈现 

部 署 在 Web 服务 器 上 的 网 站 ,用 户 可 以 通过 浏览 器 来 访问 。 当 用 户 请 求 一 个 静态 的 
HTML 页 面 时 ,服务 器 找到 对 应 的 文件 直接 将 其 发 送 给 用 户 端 的 浏览 器 ; 而 在 请 求 ASP. 
NET 页 面 时 (扩展 名 为 .aspx 的 页 面 ) ,服务器 将 在 文件 系统 中 找到 并 读 取 对 应 的 页 面 , 然 
后 将 页 面 中 的 服务 器 控件 转换 成 浏览 器 可 以 解释 的 HTML 标记 和 一 些 脚 本 代码 ,并 将 转 
换 后 的 结果 页 面 发 送 给 用 户 。 

在 ASP.NET 页 面 上 ,服务 器 控件 表现 为 一 个 标记 ,如 所 asp:textbox.../ 二 。 这 些 标记 
不 是 标准 的 HTML 元 素 , 因 此 ,如 果 它 们 出 现在 网 页 上 ,浏览 器 将 无 法 理解 。 然 而 , 当 从 
Web 服务 器 上 请 求 一 个 ASP.NET 页 面 时 ,这 些 标记 都 将 被 转换 为 HTML 元 素 , 因 此 浏览 

器 只 会 接收 到 它 能 理解 的 HTML 内 容 。 

可 以 将 任意 的 服务 器 控件 放置 在 创建 的 . aspx 页 面 上 .然而 请 求 服务 器 上 该 页 面 的 浏 

览 器 将 只 能 接收 HTML 和 JavaScript 脚本 代码 。 浏 览 器 无 法 理解 ASP.NET, 因 此 ,Web 


单元 3 ”使 用 控件 高 效 创建 网 站 页 面 


服务 器 须 读 取 ASP.NET 代码 并 进行 处 理 , 将 所 有 ASP.NET 特有 的 内 容 转换 为 HTML 并 
发 送 给 浏览 器 进行 显示 。 


各 


控件 的 种 类 


启动 Visual Studio 2010 后 ,选择 “视图 ”~* 工 具 箱 ” 命 令 , 可 以 看 到 “工具 箱 " 中 有 以 下 
控件 , Web 控件 的 关系 如 图 3-1 所 示 。 


System.Object 
System. Web.Ul1.Control 


(HimiControl ] WebControl ] ( DatasourceContro! ) 
CompositeControl Button BaseDataList | | BaseDataBoundControl 
Label | 
(CneckBoy) 


图 3-1 Web 控件 关系 图 


HTML 服务 器 控件 : 提供 了 对 标准 HTML 元 素 的 类 封装 。 在 HTML 控件 中 添加 
一 个 在 服务 器 端 运行 的 属性 , 即 可 以 由 通用 的 客户 端 HTML 控件 转变 为 服务 器 端 
HTML 控件 ,使 开发 人 员 可 以 对 其 进行 编程 。 

Web 服务 器 控件 : 比 HTML 服务 器 控件 具有 更 多 功能 。Web 服务 器 控件 不 仅 包 
括 窗 体 控 件 ( 例 如 按钮 和 文本 框 ) ,而 且 还 包括 特殊 用 途 的 控件 (例如 日 历 . 菜 单 和 树 
视图 控件 )。Web 服务 器 控件 与 HTML 服务 器 控件 相 比 更 为 抽象 ,因为 其 对 象 模 
型 不 一 定 反 映 HTML 语法 。 

验证 控件 : 这 些 控 件 可 以 使 开发 人 员 更 容易 对 一 些 控 件 中 的 数据 进行 验证 。 如 验 
证 控件 可 用 于 对 必 填 字段 进行 检查 ,对 照 字符 的 特定 值 或 模式 进行 测试 ,验证 某 个 
值 是 否 在 限定 范围 之 内 等 。 

导航 控件 : 这 些 控件 被 设计 用 于 显示 站 点 地 图 ,允许 用 户 从 一 个 网 页 导航 到 另 一 个 
网 页 .如 Menu 控件 .SiteMapPath 控件 等 。 

数据 控件 : 用 于 显示 大 量 数据 的 控件 ,如 GridView、ListView 控件 等 ,这 些 控件 支 
持 很 多 高 级 的 定制 功能 ,比如 使 用 模板 .允许 添加 删除、 编辑 等 。 数 据 控 件 还 包括 
数据 源 控件 ,如 SqlDataSource、LinqDataSource 控件 等 ,使 开发 人 员 能 够 使 用 声明 
的 方式 绑 定 到 不 同类 型 的 数据 源 ,简化 数据 绑 定 的 过 程 。 

登录 控件 : 简化 创建 用 户 登 录 页 面 的 过 程 , 使 开发 人 员 更 容易 编写 用 户 授权 和 管理 
的 程序 。 

WebParts 控件 : WebParts 是 ASP.NET 中 用 于 构建 组 件 化 的 、 高 度 可 配置 的 Web 
门户 的 一 套 ASP.NET 编程 控件 。 
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。 ASP.NET AJAX 控件 : 允许 开发 人 员 在 Web 应 用 程序 中 使 用 AJAX 技术 ,而 不 需 
要 编写 大 量 的 客户 端 代码 。 
注意 : HTML 控件 与 Web 控件 是 有 区 别 的 。HTML 控件 运行 在 客户 端 ,而 Web 控件 
是 运行 在 服务 器 端的 ; Web 控件 具有 回 传 功能 ,能 够 使 用 状态 保持 维护 控件 状态 ; HTML 
控件 的 事件 发 生 后 由 浏览 器 来 执行 和 处 理 , 而 Web 控件 的 事件 是 由 浏览 器 发 送 消息 交 给 服 
务 器 来 处 理 ( 在 任何 HTML 控件 中 添加 一 个 在 服务 器 端 运行 的 属性 runat 一 "server" ,就 成 
了 HTML 服务 器 控件 ) 。 


2. 在 页 面 中 添加 HTML 服务 器 控件 


给 HTML 标记 添加 runat 二 "server" 属 性 ,该 标记 就 变 成 了 HTML 服务 器 控件 。 每 个 
HTML 服务 器 控件 都 是 一 个 对 象 ,因此 ,可 以 在 服务 器 上 以 编程 方式 访问 其 属性 和 方法 ,并 
为 其 编写 在 服务 器 端 运行 的 事件 处 理 程 序 。 

有 如 下 的 代码 : 


< input id= "Button1" type = "button" value = "button" /> 


添加 服务 器 端 属性 之 后 的 代码 如 下 : 


< input id= "Button1" type = "button" value = "button" runat = "server" /> 


比较 上 面 两 行 代 码 , 可 以 看 出 ,只 要 在 控件 中 添加 一 个 runat= "server" 的 属性 即 可 。 
3. 在 页 面 中 添加 Web 服务 器 控件 


添加 Web 服务 器 控件 有 两 种 方式 : 可 以 通过 工具 箱 选 择 待 添加 的 控件 ,然后 直接 将 该 
控件 拖 动 到 需要 添加 的 页 面 位 置 ; 也 可 以 直接 进入 页 面 的 源 视图 ,通过 HTML 语法 直接 将 
该 控件 添加 到 页 面 的 相应 位 置 。 

【示例 3-1】 ”演示 Web 服务 器 控件 的 添加 。 

(1) 启动 Visual Studio 2010 后 ,选择 "文件 ”一 新建 ~“ 网 站 ”命令 ,将 网 站 命名 为 
ch03 ,在 网 站 中 添加 一 个 新 的 aspx 页 面 , 命 名 为 AddWebControl. aspx。 

(2) 双击 新 建 的 页 面 ,进入 页 面 的 设计 视图 。 打 开 “ 工 具 箱 ”, 在 “标准 ”控件 组 中 选择 
TextBox 控件 ,然后 将 其 拖 到 页 面 中 。 这 时 页 面 的 设计 视图 中 会 自动 出 现 一 个 TextBox 控 
件 ,该 控件 的 默认 名 称 为 TextBoxl. 

(3) 切换 到 页 面 的 源 视图 ,可 以 看 到 ,在 页 面 中 自动 增加 了 如 下 代码 : 


<asp:TextBox ID = "TextBoxl" runat = "server"></asp:TextBox > 


通过 上 述 步骤 可 以 看 出 ,如 果 要 在 页 面 中 添加 一 个 控件 ,通过 源 视图 的 HTML 代码 或 
通过 设计 视图 的 可 视 化 编辑 , 均 可 以 完成 控件 的 添加 。 


4. 设置 服务 器 控件 属性 
每 个 控件 都 有 自己 的 属性 ,如 ID、Text 属性 等 ,通过 设置 不 同 的 属性 ,可 以 改变 服务 器 
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控件 的 展示 内 容 和 显示 风格 。 

在 ASP.NET 中 ,可 以 通过 三 种 方式 来 设置 服务 器 控件 的 属性 ,分 别 是 通过 “属性 ”对 话 
框 直接 设置 ; 在 控件 的 HTML 代码 中 设置 ; 或 者 通过 页 面 的 后 台 代 码 以 编程 的 方式 指定 
控件 的 属性 。 

通过 “属性 ”窗口 直接 进行 设置 是 最 简单 的 方式 。 
设置 的 时 候 ,只 需 在 设计 视图 下 右 击 该 控件 ,从 弹出 的 
快捷 菜单 中 选择 “属性 ”命令 , 即 可 对 控件 的 属性 进行 
设置 。 如 图 3-2 所 示 。 

通过 “属性 ”窗口 设置 的 控件 属性 ,会 自动 更 新 到 
页 面 该 控件 的 HTML 代码 中 。 如 果 对 控件 的 某 些 属 
性 比较 熟悉 ,也 可 以 在 控件 的 HTML 代码 中 直接 编写 


属性 i 
TextBox1 System.Web.UI.WebContrc ~ 


[为] 
AutoCompleteTy} None | 
AutopostBack False 
CausesValidation False 


Enabled True 
代码 ,但 对 属性 内 容 的 设置 ,必须 参照 每 个 控件 的 声明 | FnableTheming True 到 | 
语法 ,设置 语法 中 存在 的 属性 和 值 。 行为 


对 控件 的 HTML 代码 进行 设置 非常 方便 , Visual 
Studio 2010 会 根据 控件 的 类 型 给 予 智 能 提示 , 即 在 每 图 3-2 控件 的 “属性 ”设置 窗口 
个 控件 的 作用 域内 按 空格 键 ,会 弹出 该 控件 在 此 作用 
域内 的 所 有 可 设置 属性 。 

除了 设置 控件 的 初始 属性 之 外 ,控件 的 属性 也 可 以 通过 编程 的 方法 在 页 面相 应 代码 区 
域 编写 ,设置 经 过 某 些 响应 或 事件 之 后 控件 的 属性 信息 ,示例 代码 如 下 所 示 。 


protected void Page_Load(object sender, EventArgs e) 
{ 
TextBoxl. Text = "You are Wellcom!"; // 在 Page_Load 中 设置 TextBoxl 的 Text 值 


上 述 代码 编写 了 一 个 Page_Load( 页 面 加 载 ) 事 件 , 当 页 面 初次 被 加 载 时 ,会 执行 Page_ 
Load 中 的 代码 。 这 里 通过 编程 的 方式 对 控件 的 属性 进行 设置 , 当 页 面 加 载 时 ,控件 的 Text 
属性 值 会 被 呈现 。 


3.1.2 标准 服务 器 控件 


1. 标签 控件 (Label) 


使 用 Label 控件 可 以 在 页 面 上 的 固定 位 置 显 示 文 本 。 与 静态 文本 不 同 ,可 以 通过 设置 
Text 属性 来 自 定义 所 显示 的 文本 ,示例 代码 如 下 所 示 。 


<asp:Label ID = "Labell" runat = "server" Text = "Label"></asp:Label> 


上 述 代 码 中 ,声明 了 一 个 标签 控件 ,并 将 这 个 标签 控件 的 ID 属性 设置 为 默认 值 
Labell 。 由 于 该 控件 是 服务 器 端 控 件 , 所 以 在 控件 属性 中 包含 runat 二 “server” 属 性 。 该 代 
码 还 将 标签 控件 的 文本 初始 化 为 Label, 开 发 人 员 能 够 配置 该 属性 进行 不 同文 本 内 容 的 
呈现 。 
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同样 ,标签 控件 的 属性 能 够 在 相应 的 . cs 代码 中 初始 化 ,示例 代码 如 下 所 示 。 


protected void Page PreInit(object sender, EventArgs e) 
{ 
Labell. Text = "Hello World"; // 标 签 赋值 


} 


注意 : 通常 情况 下 ,控件 的 ID 也 应 该 遵循 良好 的 命名 规范 ,以 便 维护 。 
上 述 代码 在 页 面 初始 化 时 为 Labell 的 文本 属性 设置 为 “Hello World”。 值 得 注意 的 
是 ,对 于 Label 标签 ,同样 也 可 以 显示 HTML 样式 ,示例 代码 如 下 所 示 。 


protected void Page_PreInit(object sender, EventArgs e) 
{ 
Labell. Text = "Hello World< hr/>< span style=\"color:red\">A Html Code </span >"; 
// 输 出 HTML 
Labell. Font. Size = FontUnit. XXLarge; // 设 置 字体 大 小 


http://localhost:3325... - 口 x 上 述 代码 中 ,Labell 的 文本 属性 被 设置 为 一 囊 

OO |e no/hocahost3325/n | TIML 代码 , 当 Label 文本 被 呈现 时 ,会 以 HTML 效果 
六 必 世 大 [大 NG | 显示 ,运行 结果 如 图 3-3 所 示 。 
如 果 开 发 人 员 只 是 为 了 显示 一 般 的 文本 或 者 
Hello World | HTML 效果 ,不 推荐 使 用 Label 控件 ,因为 当 服务 器 控 
A Html Code 件 过 多 ,会 导致 性 能 问题 。 使 用 静态 的 HTML 文本 能 
够 让 页 面 解析 速度 更 快 。 


图 3-3 Label 的 Text 属 性 的 使 用 。 2' 超 链接 控件 (HyperLink) 


HyperLink 控件 为 创建 超 链接 提供 了 一 种 简便 的 方 
法 。 语 法 格式 为 : 
< asp:HYyperLink id= "控件 名 称 " 
Text = "显示 文字 " 
NavigateUrl = "URL 地 址 " 
Target = "目标 框架 ,默认 为 本 框架 ，blank 为 新 窗口 " 


runat = "server" /> 


如 果 将 图 像 文件 的 路 径 指定 为 InageUrl 属性 ,那么 这 个 图 像 就 会 取代 Text 属性 ,成 
为 一 a> 元 素 中 的 内 容 , 例 如 : 


< asp:HYperLink ID = "HYperLink1”runat = "server" 
NavigateUrl = "http://www.microsoft. com" 
Target = " blank" Text = "HYperLink" /> 


注意 : 与 标签 控件 相同 的 是 ,如 果 只 是 为 了 单纯 的 实现 超 链接 ,同样 不 推荐 使 用 
HyperLink 控件 ,因为 过 多 的 使 用 服务 器 控件 同样 有 可 能 造成 性 能 问题 。 
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3. 图 像 控 件 (Image) 


图 像 控件 用 来 在 Web 窗 体 中 显示 图 像 ,图 像 控件 常用 的 属性 如 下 : 
。 AlternateText 在 图 像 无 法 显示 时 显示 的 备用 文本 。 

。 ImageAlign 一 一 图 像 的 对 齐 方式 。 

要 显示 图 像 的 URL。 

当 图 片 无 法 显示 的 时 候 , 图 片 将 被 替换 成 AlternateText 属性 中 的 文字 。ImageAlign 
属性 用 来 控制 图 片 的 对 齐 方式 ,而 ImageUrl 属性 用 来 设置 图 像 链接 地 址 。 同 样 ,HTML 中 
也 可 以 使 用 二 img src 二 ”alt 二 ”二 来 替代 图 像 控件 ,图 像 控 件 具 有 可 控 的 优点 ,就 是 通 
过 编程 来 控制 图 像 控件 。 图 像 控件 基本 声明 代码 如 下 所 示 。 


*。 ImageUrl 


<asp:Image ID = "Imagel" runat = "server" /> 


除了 显示 图 形 以 外 ,Image 控件 的 其 他 属性 还 允许 为 图 像 指 定 各 种 文本 ,各 属性 如 下 
所 示 。 
。 ToolTip 一 一 浏览 器 显示 在 工具 提示 中 的 文本 。 
。 GenerateEmptyAlternateText 一 一 如 果 将 此 属性 设置 为 true, 则 呈现 的 图 片 的 alt 
属性 将 设置 为 空 。 
开发 人 员 能 够 为 Image 控件 配置 相应 的 属性 ,以 便 在 浏览 时 呈现 不 同 的 样式 ,创建 一 
个 Image 控件 也 可 以 直接 编写 HTML 代码 实现 。 示 例 代码 如 下 所 示 。 


<asp:Image ID= "Imagel" runat = "server" 
AlternateText = "图 片 连接 失效 " ImageUrl = "~/images/calendar. gif" /> 


上 述 代码 设置 了 一 个 图 片 ,并 当 图 片 失效 的 时 候 提 示 图 片 连接 失效 。 
注意 : 当 双 击 图 像 控件 时 ,系统 并 没有 生成 事件 所 需要 的 代码 段 , 这 说 明 Image 控件 不 
支持 任何 事件 。 


4. TextBox( 文 本 框 ) 控 件 


通常 情况 下 ,默认 的 文本 控件 (TextBox) 是 一 个 单行 的 文本 框 ,用 户 只 能 在 文本 框 中 输 
人 一 行内 容 。 通 过 修改 该 属性 , 则 可 以 将 文本 框 设置 为 多 行 或 者 是 以 密码 形式 显示 。 
TextBox 的 语法 格式 如 下 : 


< asp:Textbox id= "控件 名 称 " TextMode = " SingleLine | Multiline | Password" 
Text = "显示 的 文字 ”MaxLength = "整数 ,表示 输入 的 最 大 的 字符 数 " 

Rows = "整数 , 当 为 多 行文 本 时 的 行 数 " Columns = "整数 , 当 为 多 行文 本 时 的 列 数 " 
Wrap = "True | False, 表 示 当 控件 内 容 超过 控件 宽度 时 是 否 自动 换行 " 
AutoPostBack = "True | False, 表示 在 文本 修改 以 后 ,是 否 自动 上 传 数 据 " 
OnTextChanged = " 当 文字 改变 时 触发 的 事件 过 程 ”runat = "server" /> 


文本 框 控件 常用 的 控件 属性 如 下 : 
。 AutoPostBack 在 文本 修改 以 后 ,是 否 自 动 重 传 。 
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Columns 


文本 框 的 宽度 。 

EnableViewState 控件 是 否 自 动 保存 其 状态 以 用 于 往返 过 程 。 
MaxLength 一 一 用 户 输入 的 最 大 字符 数 。 
ReadOnly 一 一 是 否 为 只 读 。 


。 Rows 作为 多 行文 本 框 时 所 显示 的 行 数 。 
。 TextMode 一 一 文本 框 的 模式 ,设置 单行 .多 行 或 者 密码 形式 。 
»。 Wrap 文本 框 是 否 自动 换行 。 


1) AutoPostBack( 自 动 回 传 ) 属 性 

在 网 页 的 交互 中 ,如 果 用 户 提 交 了 表单 .或 者 执行 了 相应 的 方法 ,那么 该 页 面 将 会 发 送 
到 服务 器 上 ,服务 器 在 执行 表单 的 操作 或 者 执行 相应 方法 后 ,再 呈现 给 用 户 ,例如 按钮 控件 、 
下 拉 菜 单 控件 等 。 如 果 将 某 个 控件 的 AutoPostBack 属性 设置 为 true 时 , 则 如 果 该 控件 的 
属性 被 修改 ,那么 同样 会 使 页 面 自 动 发 回 到 服务 器 。 

2) EnableViewState( 控 件 状 态 ) 属 性 

ViewState 是 ASP .NET 中 用 来 保存 Web 控件 回 传 状态 的 一 种 机 制 , 它 是 由 
ASP.NET 页 面 框架 管理 的 一 个 隐藏 字段 。 在 回 传 发 生 时 ,ViewState 数据 同样 将 回 传 到 服 
务 器 ,ASP.NET 框架 解析 ViewState 字符 串 并 为 页 面 中 的 各 个 控件 填充 该 属性 。 而 填充 
后 ,控件 通过 使 用 ViewState 将 数据 重新 恢复 到 以 前 的 状态 。 

在 使 用 某 些 特殊 的 控件 (如 数据 库 控件 ) ,来 显示 数据 库 时 ,每 次 打开 页 面 执行 一 次 数据 
库 往 返 过 程 是 非常 不 明智 的 。 开 发 人 员 可 以 绑 定 数据 ,在 加 载 页 面 时 仅 对 页 面 设置 一 次 ,在 
后 续 的 回 传 中 ,控件 将 自动 从 ViewState 中 重新 填充 ,减少 了 数据 库 的 往返 次 数 , 从 而 不 使 
用 过 多 的 服务 器 资源 。 在 默认 情况 下 ,EnableViewState 的 属性 值 通常 为 true。 

3) 其 他 属性 

AutoPoutBack 和 EnableViewState 属性 是 比较 重要 的 属性 ,其 他 的 属性 也 经 常 使 用 。 

。 MaxLength: 在 注册 时 可 以 限制 用 户 输入 的 字符 串 长 度 。 

。 ReadOnly: 如 果 将 此 属性 设置 为 true, 那 么 文本 框 内 的 值 是 无 法 被 修改 的 。 

。 TextMode: 此 属性 可 以 设置 文本 框 的 模式 ,例如 单行 .多 行 或 密码 形式 。 默 认 情况 

下 ,不 设置 TextMode 属性 ,那么 文本 框 默认 为 单行 。 

【示例 3-2】 演示 文本 框 控件 TextBox 的 使 用 。 

(1) 创建 页 面 文件 TextBoxDemo. aspx, 从 工具 箱 中 拖 放 3 个 文本 框 控件 ,或 添加 代码 
如 表 3-1 所 示 。 


表 3-1 页 面 TextBoxDemo. aspx 的 代码 


行 号 代 码 页 


01 用 户 名 :< asp:TextBox ID = "TextBox1" runat = "server"></asp:TextBox><br /> 
02 密码 :<asp:TextBox ID = "TextBox3" runat = "server" TextMode = "Password"></asp:TextBox ><br /> 
03 信息 :<asp:TextBox ID = "TextBox2" runat = "server" Height = "101px" TextMode = "MultiLine" 


04 Width = "325px"></asp: TextBox > 
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(2) 浏览 TextBoxDemo. aspx 页 面 , 结 果 如 图 3-4 所 示 。 
无 论 是 在 Web 网 站 开发 还 是 WinForm 应 用 开发 中 ,文本 框 控件 都 是 非常 重要 的 。 文 
本 框 在 用 户 交 互 中 能 够 起 到 非常 关键 的 作用 。 


http://localhost:3325/ch03/ch3 2/TextBo... - ~ x 
| 本 合 ， 避 htp;/hocalhost:3325/ch 加 隔 || 尖 | 户 百度 
| 文件 日 编 重 (E) 查看 (V) 收藏 关 (A) 工具 ([) 帮助 (H) 
合 收 藏 交 名 http://localhost:3325/dh03/ch3_2/... 


信 恩 ; 


3-4 文本 框 的 3 种 形式 


5. 按钮 控件 (Button .LinkButton ImageButton) 


在 Web 应 用 程序 和 用 户 交互 时 ,常常 用 到 提交 表单 ,获取 表单 信息 等 操作 。 在 这 其 间 ， 
按钮 控件 是 非常 必要 的 。 按 钮 控件 能 够 触发 事件 ,或 者 将 网 页 中 的 信息 回 传 给 服务 器 。 在 
ASP.NET 中 ,包含 3 类 按钮 控件 ,分 别 为 Button、LinkButton、ImageButton。 三 种 控件 的 
比较 如 表 3-2 所 示 。 


表 3-2 按钮 控件 的 比较 


控件 说 明 
Button 显示 一 个 标准 命令 按钮 ,该 按钮 呈现 为 一 个 HTML 的 input 元素 
LinkButton ”呈现 为 页 面 中 的 一 个 超 链接 。 但 是 , 它 包 含 使 窗 体 被 发 回 服务 器 的 客户 端 脚 本 (可 以 使 用 
HyperLink 服务 器 控件 创建 真实 的 超 链接 ) 
ImageButton 按钮 以 图 形 形 式 呈现 。 这 对 于 提供 丰富 的 按钮 外 观 非常 有 用 


Button( 按 钮 ) 控 件 是 一 个 普通 按钮 控件 ,其 语法 格式 如 下 : 


<asp:Button id= "控件 名 称 ”Text = "按钮 上 的 文字 ” 
CommandArgument = "此 按钮 管理 的 命令 参数 " 
CommandName = "与 此 按钮 关联 的 命令 " 

OnCommand = "事件 过 程 名 称 " 

OnClick = "事件 过 程 名 称 ” runat = "server"/> 


ImageButton( 图 像 按钮 ) 控 件 用 来 创建 一 个 图 像 提交 按钮 ,其 语法 格式 如 下 : 


<asp:InmageButton id= "控件 名 称 " ImageUrl = "要 显示 图 像 的 URL" OnClick = "事件 过 程 名 称 " 


runat = "server" /> 


LinkButton( 超 链接 按钮 ) 控 件 是 一 个 具有 超 链 接 的 外 观 和 普通 按钮 功能 的 控件 ,其 语 
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法 格式 如 下 : 


<asp:linkbutton id= "控件 名 称 ” Text = "按钮 上 的 文字 ” OnClick = "事件 过 程 名 称 " 


runat = "server" /> 


1) 按钮 事件 及 回 传 行为 
当 用 户 单 击 按钮 控件 时 ,该 页 面 回 传 到 服务 器 。 默 认 情 况 下 ,将 该 页 回 传 到 其 本 身 , 重 


新 生成 相同 页 面 并 处 理 该 页 面 上 控件 的 事件 处 理 程序 。 


可 以 配置 按钮 将 当前 页 面 回 传 到 另 一 页 面 。 这 对 于 创建 多 页 窗 体 非常 有 用 。 


按钮 控件 用 于 事件 的 提交 , 它 包 含 一 些 通用 属性 。 按 钮 控件 的 常用 通用 属性 有 : 


* CausesValidation 


*。 CommandArgument 


按钮 是 否 导致 激发 验证 检查 。 
与 此 按钮 关联 的 命令 参数 。 


。 CommandName 一 一 与 此 按钮 关联 的 命令 。 
。 ValidationGroup 一 一 使 用 该 属性 可 以 指定 单 击 按钮 时 调用 页 面 上 的 哪些 验证 程序 。 
如 果 未 建立 任何 验证 组 , 则 会 调用 页 面 上 的 所 有 验证 程序 。 


这 3 种 按钮 控件 对 应 的 事件 通常 是 Click( 单 击 ) 和 Command( 命 令 ) 事 件 , 在 Click 事件 
中 ,通常 用 于 编写 用 户 单 击 按钮 时 所 需要 执行 的 事件 。 

【示例 3-3】 演示 Button、LinkButton、ImageButton 控件 的 Click 事件 。 

(1) 创建 页 面 文件 ThreeButtonDemo. aspx, 从 工具 箱 中 分 别 拖 放 Button,LinkButton， 
ImageButton 控件 及 3 个 Label 控件 至 页 面 并 完善 代码 如 表 3-3 所 示 。 


行 号 


表 3-3 ThreeButtonDemo. aspx 页 面 主体 部 分 的 代码 
代 码 页 


01 
02 
03 


04 
05 
06 
07 
08 
09 
10 


11 


12 
13 
14 
15 
16 


<body> 


< form id= "forml" runat = "server"> 


< asp:Button ID= "Button1l" runat = "server" OnClick = "Buttonl_Click" Text = 


"Button" /> 


普通 的 按钮 

<br /><br /> 

<asp:LinkButton ID = "LinkButton1" runat = "server" 

OnClick = "LinkButton1_Click"> LinkButton </asp:LinkButton> 

Link 类 型 的 按钮 

<br /><br /> 

< asp: ImageButton ID = "ImageButton1l" runat = "server" ImageUrl = "~/images/ 


image. png" 


Height = "50" AlternateText = "this is a ImageButton." OnClick = "ImageButton1_ 


Click" /> 


图 像 类 型 的 按钮 

<br /> <br /> 

<asp:Label ID = "Labell" runat = "server" Text = "Label"></asp:Label > 
<br /> 

<asp:Label ID = "Label2" runat = "server" Text = "Label"></asp:Label > 
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续 表 
行 号 代 码 页 
17 <br /> 
18 <asp:Label ID = "Label3" runat = "server" Text = "Label"></asp:Label> 
19 </form> 


20 </body> 


(2) 在 ThreeButtonDemo. aspx. cs 中 添加 代码 如 表 3-4 所 示 。 
表 3-4 页 面 ThreeButtonDemo. aspx 对 应 es 文件 的 代码 


行 号 代 码 页 

01 protected void Button1_Click(object sender, EventArgs e) 

02 { 

03 Labell.Text = "普通 按钮 被 触发 // 输 出 信息 

04 下 

05 protected void LinkButton1l_Click(object sender, EventArgs e) 
06 { 

07 Label2. Text =“" 超 链接 按钮 被 触发 "; 。 // 输 出 信息 

08 } 

09 protected void ImageButtonl Click(object sender, ImageClickEventArgs e) 
10 { 

11 Label3. Text = "图 片 按钮 被 触发 "; 。 ”// 输 出 信息 

12 } 


表 3-4 中 代码 分 别 为 3 种 按钮 生成 了 事件 ,将 Labell 、Label2、Label3 的 文本 设置 为 相 
应 文本 。 

(3) 运行 后 ,分 别 单 击 Button、LinkButton 和 图 片 ,效果 如 图 3-5 所 示 。 

2) Command 事件 

按钮 控件 中 的 Click 事件 并 不 能 传递 参数 ,所 以 处 理 的 事件 相对 简单 。 而 Command 事 
件 可 以 传递 参数 ,负责 传递 参数 的 是 按钮 控件 的 CommandArgument 和 CommandName 属 
性 ,如 图 3-6 所 示 。 


屋 性 Be 


http:/ /localhost:3325/ch03/ch3_3/Thre... -~ 


YY Button1 System.Web.UI.WebControls.Button ~ 

配合 * |a htp://omlhost3325/ch 国 |s|[x| | 史 百 庆 1 国耻 

文件 (E) 编 稳 (E) 坦 看 (V) 收藏 天 (A) 工具 (I) 帮助 (H) - 

帘 收 藏 交 。 顾 http://localhost3325/ch03/dh3 EE OIC 
El i CausesValidation True 
[Buten | 普通 的 按钮 各 CommandArgument Hello 
LinkButton Link 类 型 的 村 钮 ‘CommandName FirstBtn 

CssClass 
@ ( Enabled True 
亏 图 像 类 型 的 技 乌 局 EnableTheming True 

普通 按钮 被 舰 发 

起 链接 按 包 被 总 发 


图 片 按 包 被 能 发 = 与 此 按钮 关联 的 命令 。 


3-5 3 种 类 型 按钮 的 Click 事件 触发 后 的 效果 3-6 CommandArgument 和 CommandName 属性 
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将 示例 3-3 中 按钮 Buttonl 的 CommandArgument 和 CommandName 属性 分 别 设置 为 


Hello 和 FirstBtn, 单 击 创建 一 个 Command 事件 并 在 事件 中 编写 相应 代码 ,示例 代码 如 下 
所 示 。 


protected void Button1_Command( object sender, CommandEventArgs e) 
{ 


// 如 果 CommandName 属性 的 值 为 FirstBtn, 则 运行 下 面 代 码 
if (e. CommandName == "FirstBtn") 
Labell. Text = e.CommandArgument. ToString(); 
//CommandArgument 属性 的 值 赋 给 Labell 


!; 


注意 : 当 按 钮 同时 包含 Click 和 Command 事件 时 ,通常 情况 下 会 执行 Command 事件 。 

Command 有 一 些 Click 不 具备 的 好 处 ,就 是 传递 参数 。 可 以 对 按钮 的 CommandArgument 
和 CommandName 属性 分 别 设置 ,通过 判断 CommandArgument 和 CommandName 属性 来 
执行 相应 的 方法 。 这 样 ,一 个 按钮 控件 就 能 够 实现 不 同 的 方法 ,使 得 多 个 按钮 与 一 个 处 理 代 
码 关联 或 者 一 个 按钮 根据 不 同 的 值 进行 不 同 的 处 理 和 响应 。 相 比 Click 事件 而 言 ， 
Command 事件 具有 更 高 的 可 控 性 。 


6. 单 选 控件 和 单 选 组 控件 (RadioButton 和 RadioButtonList) 

1) 单 选 控件 (RadioButton) 

单 选 控件 可 以 为 用 户 提供 单 选 选项 , 单 选 控件 常用 属性 如 下 所 示 。 

。 Checked: 控件 是 否 被 选中 。 

。 GroupName: 单 选 控件 所 处 的 组 名 。 

。 TextAlign: 文本 标签 相对 于 控件 的 对 齐 方式 。 

单 选 控件 通常 需要 Checked 属性 来 判断 某 个 选项 是 否 被 选中 ,多 个 单 选 控件 之 间 可 能 
存在 着 某 些 联系 ,这 些 联系 通过 GroupName 进行 约束 和 联系 ,示例 代码 如 下 所 示 。 


< asp:RadioButton ID = "RadioButton1" runat = "server" GroupName = "choose" Text = " 男 " 
RutoPostBack = "True" OnCheckedChanged = "RadioButton1_CheckedChanged"” /> 

< asp:RadioButton ID = "RadioButton2" runat = "server" GroupName = "choose" Text = " 女 " 
RutoPostBack = "True"” OnCheckedChanged = "RadioButton2_CheckedChanged"” /> 


上 述 代码 声明 了 两 个 单 选 控件 ,并 将 GroupName 属性 都 设置 为 choose。 单 选 控件 中 


最 常用 的 事件 是 CheckedChanged, 当 控件 的 选中 状态 改变 时 , 则 和 触发 该 事件 ,示例 代码 如 下 
所 示 。 


protected void RadioButton1_CheckedChanged(object sender, EventArgs e) 
{ 


Labell. Text = "你 选择 的 是 ”+ RadioButton1.Text; 
} 
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protected void RadioButton2 CheckedChanged(object sender, EventArgs e) 
{ 


Labell. Text = "你 选择 的 是 ”+ RadioButton2. Text; 
) 


上 述 代码 中 ,当选 中 状态 被 改变 时 , 则 触发 相应 的 事件 ,运行 结果 如 图 3-7 所 示 。 
注意 : 与 TextBox 文本 框 控件 相同 的 是 , 单 选 


控件 不 会 自动 进行 页 面 回 传 ,必须 将 AutoPostBack | 短 国 - 上 htpyloalhost3325 中 辐 加 四 
属性 设置 为 true 时 才能 在 焦点 丢失 时 触发 相应 的 |: 文件 日 编辑 (日 查看 (V) 收藏 夫 (A) 工 } ” 


RadioButton Demo - Window... - © x 


CheckedChanged 事件 。 次 收藏 赤 “| 逢 RadioButton Demo ll 
2) 单 选 组 控件 (RadioButtonList) 请 选择 性 别 : 
与 单 选 控件 相同 , 单 选 组 控件 也 是 只 能 选择 一 O 男 @ 女 

个 项 目的 控件 ,而 与 单 选 控 件 不 同 的 是 , 单 选 组 控件 你 选择 的 是 女 

没有 GroupName 属性 ,但 是 却 能 够 列 出 多 个 单 选项 

目 。 另 外 , 单 选 组 控件 所 生成 的 代码 也 比 单 选 控 件 国 3.9， 委 沈 答 件 的 使 用 


实现 的 相对 较 少 。 示 例 代码 如 下 所 示 


< asp:RadioButtonList ID = "RadioButtonList1" runat = "server" RepeatDirection = "Horizontal"> 
<asp:ListItem Selected = "True"> 男 </asp:ListItem> 
< asp:ListItem> 女 </asp:ListItem> 

</asp:RadioButtonList > 


7. CheckBox( 复 选 框 ) 和 CheckBoxList( 复 选 框 列表 ) 控 件 


CheckBox 控件 和 CheckBoxList 控件 分 别 用 于 向 用 户 提供 选项 和 选项 列表 。 
CheckBox 控件 适合 用 在 选项 不 多 且 比 较 固 定 的 情况 ,CheckBoxList 控件 适合 选项 较 多 或 
者 需要 在 运行 时 动态 决定 有 哪些 选项 时 较为 方便 。CheckBox 控件 的 语法 格式 如 下 : 


< asp: CheckBox ID= "控件 名 ” runat = "server” Text = "控件 的 文字 "” value= ""/ > 


CheckBox 控件 的 常用 属性 如 下 : 

。 Checked 属性 一 一 获取 或 设置 该 项 是 否 选中 。 

TextAlign 属性 一 一 控件 文字 的 位 置 。 

Text 属性 一 一 获取 或 设置 CheckBox 控件 的 文本 内 容 。 

Value 属性 一 一 获取 或 设置 CheckBox 控件 的 值 内 容 。 

AutoPostBack 属性 一 一 获取 或 设置 当 改变 CheckBox 控件 的 选择 状态 时 ,是 否 自 动 
回 传 窗 体 数据 到 服务 器 。 值 为 True 时 ,表示 单 击 CheckBox 控件 ,页 面 自动 回 传 ; 
值 为 False 时 ,不 回 传 。 默 认 值 为 False。 

CheckBox 控件 具有 CheckedChanged 事件 。 当 Checked 属性 的 值 改变 时 ,会 触发 此 
事件 。 与 TextBox 控件 类 似 ,该 事件 要 与 AutoPostBack 属性 配合 使 用 。 
CheckBoxList 控件 的 语法 格式 如 下 : 
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<asp: CheckBoxList ID= "控件 名 " Runat = "server"> 
<asp: ListItem value="" > text </asp: ListItem> 


</asp: CheckedBoxList > 


该 控件 的 属性 、 用 法 及 功能 与 ListBox 控件 基本 相同 。 除 此 之 外 ,还 有 自己 的 特殊 属性 。 
。 RepeatDirection: 表示 是 横向 还 是 纵向 排列 (Vertical| Horizontal) 。 
。 RepeatColumns: 一 行 排 几 列 。 
。 TextAlign 属性 : 控件 文字 的 位 置 。 
。 Selected 属性 : 表示 该 选项 是 否 选中 。 
【示例 3-4】 演示 CheckBox、CheckBoxList 的 使 用 。 
(1) 创建 页 面 文件 CheckBox_CheckBoxList. aspx, 从 工具 箱 中 拖 放 1 个 Button 1 个 
Label、2 个 CheckBox 和 1 个 CheckBoxList 控件 。 
(2) 在 设置 CheckBoxList 的 选项 时 ,可 以 通过 ListItem 窗口 进行 设置 。 在 页 面 设 计 视 
图 下 选中 CheckBoxList 控件 ,在 CheckBoxList 任务 下 选择 “编辑 项 ”选项 来 打开 “ListItem 
集合 编辑 器 ”对 话 框 , 单 击 “ 添 加 ”按钮 ,可 以 添加 多 选项 ,如 图 3-8 所 示 。 


em 
哺 胱 短 | 这 主 数 据 硕 … 

下 读书 | | 编辑 项 ..， 玛 歌 属性 (P);: 

厂 运 动 


口 启用 AutoPostBack 


Ey 
Checkfox1] 改 变 风格 
F [CheckBox2] 改 变 额 色 
Lebel 


图 3-8 “ListItem 集合 编辑 器 "对 话 框 
(3) 根据 需要 在 页 面 CheckBox_CheckBoxList. aspx 添加 相应 代码 ,如 表 3-5 所 示 。 


表 3-5 页 面 CheckBox_CheckBoxList. aspx 主体 部 分 的 代码 


行 号 代 码 页 
01 <body> 
02 < form id= "forml" runat = "server"> 
03 < asp:CheckBoxList ID = "CheckBoxList1" runat = "server"> 
04 <asp:ListItem> 唱 歌 </asp:ListItem> 
05 <asp:ListItem> 跳 舞 </asp:ListItem > 
06 <asp:ListItem> 读 书 </asp:ListItem> 
07 <asp:ListItem> 运 动 </asp:ListItem> 
08 </asp:CheckBoxList > 


09 < asp:Button ID = "Button1" runat = "server" OnClick = "Button1_Clickl"” Text = "Button" /> 
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续 表 
行 号 代 码 页 
10 <br /> 
EB <asp:CheckBox ID = "CheckBox1" runat = "server" 
12 OnCheckedChanged = "CheckBox1_CheckedChanged1" /> 改变 风格 
13 <br /> 
14 <asp:CheckBox ID= "CheckBox2" runat = "server" 
15 OnCheckedChanged = "CheckBox2_CheckedChanged1" /> 改变 颜色 
16 <br /> 
Lr <asp:Label ID = "Labell" runat = "server" Text = "Label"></asp:Label > 
18 <br /> 
19 </form> 
20 </body> 
(4) 在 CheckBox_CheckBoxList. aspx. cs 中 添加 代码 ,如 表 3-6 所 示 。 
表 3-6 页 面 CheckBox_CheckBoxList. aspx 对 应 cs 文件 的 代码 
行 号 代 码 页 
01 
02 using System. Drawing; 
03 public partial class ch3 4 CheckBox CheckBoxList : System. Web.UI. Page 
04 { 
05 protected void Page_Load(object sender, EventArgs e) 
06 { 
07 } 
08 protected void Button1_Clickl(object sender, EventArgs e) 
09 | 
10 string str = "选择 结果 :"; 
出 Labell. Text = ""; 
12 for (int i = 0; i < CheckBoxList1. Items.Count; i++) 
13 { 
14 if (CheckBoxList1. Items[i].Selected) 
15 { 
16 str += CheckBoxList1. Items[i].Text + "、"; 
17 } 
18 } 
19 if (str.EndsWith(".") == true) str = str.Substring(0, str.Length - 1); 
20 Labell. Text = str; 
21 if (str == "选择 结果 : ") 
22 { 
23 string scriptString = "alert(' 请 作出 选择 ! ');"; 
24 Page. ClientScript. RegisterClientScriptBlock (this. GetType( ), "warning!", 
scriptString, true); 
25 } 


26 else 
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续 表 
行 号 代 码 页 
27 { 
28 Labell. Visible = true; 
29 Labell. Text = str; 
30 } 
31 } 
32 protected void CheckBox1_CheckedChangedl (object sender, EventArgs e) 
33 { 
34 this. CheckBoxList1. BackColor = CheckBox1. Checked ? Color.Beige : Color. Azure; 
35 CheckBoxList1. RepeatDirection = 
36 CheckBox1. Checked ? RepeatDirection. Horizontal : RepeatDirection. Vertical; 
37 } 
38 protected void CheckBox2_CheckedChanged1 (object sender, EventArgs e) 
39 { 
40 证 (CheckBox2. Checked) 
41 { 
42 this. CheckBoxList1.ForeColor = Color.Red' 
43 Labell. ForeColor = Color.Red; 
44 } 
45 else 
46 { 
47 this. CheckBoxList1.ForeColor = Color.Black; 
48 Labell. ForeColor = Color.Black; 
49 } 
50 } 
51 } 


3325/ 中 图 回民 
文件 (日 编辑 (E) 二 看 (V) 收藏 夫 (A) - “ 


实 收 藏 志 “| 大 http://loalhost33251c. | | 实 收 藏 志 | 起 http:/1loaalhost:3325/c | | 
回 唱歌 加 唱歌 口 跳 产 加 读书 口 运动 


变 风格 
口 改变 额 色 
Label 


图 3-9 运行 初始 状态 3-10 选择 复 选 框 后 单 击 Button 
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8. 列表 控件 (DropDownList 和 ListBox) 


在 Web 开发 中 ,经 常会 需要 使 用 列表 控件 ,让 用 户 的 输入 更 加 简单 。 例 如 在 用 户 注册 
时 ,用 户 的 所 在 地 是 有 限 的 集合 ,而 且 用 户 不 喜欢 经 常 输入 ,这 样 就 可 以 使 用 列表 控件 。 同 
样 列表 控件 还 能 够 简化 用 户 输入 并 且 防 止 用 户 输 入 在 实际 中 不 存在 的 数据 。 

1) DropDownList 列表 控件 

列表 控件 能 在 一 个 控件 中 为 用 户 提 供 多 个 选项 ,同时 又 能 够 避免 用 户 输入 错误 的 选项 。 
DropDownList 是 一 个 单项 选择 下 拉 列 表 框 控件 ,其 语法 格式 如 下 : 


<asp:DropDownList ID= "控件 名 " runat = "server" > 
<asp:ListItem Value = "" > Text </asp:ListItem> 


</asp:DropDownList> 


DropDownList 控件 的 主要 属性 如 下 : 

。 AutoPostBack 属性 一 一 获取 或 设置 当 改变 DropDownList 控件 的 选择 状态 时 ,是 否 
自动 上 传 窗 体 数 据 到 服务 器 。 默 认为 False。 

。 Items 属性 一 一 包含 该 控件 所 有 选项 的 集合 。 每 个 列表 项 都 是 一 个 单独 的 对 象 , 具 
有 自己 的 属性 。 

。 SelectedIndex 属性 一 一 获取 当前 选择 项 的 下 标 ( 下 标 从 0 开始 ) 。 

。 SelectedItem 属性 一 一 获取 当前 选择 项 对 象 。 

DropDownList 控件 有 SelectedIndexChanged 事件 , 当 用 户 选 择 一 项 时 ,DropDownList 
控件 将 引发 SelectedIndexChanged 事件 。 

默认 情况 下 ,此 事件 不 会 导致 向 服务 器 发 送 页 面 ,但 当 该 控件 的 AutoPostBack 属性 设 
置 为 True 时 ,该 事件 会 立即 回 传 页 面 。 

2) ListBox 列表 控件 

ListBox 控件 与 DropDownList 控件 的 功能 基本 相似 ,ListBox 控件 将 所 有 选项 都 显示 
出 来 ,提供 单 选 或 多 选 的 列表 框 。 

ListBox 控件 比 DropDownList 控件 多 两 个 属性 : 

。 Rows 属性 一 一 获取 或 设置 ListBox 控件 显示 的 选项 行 数 ,默认 值 为 4。 

。 SelectionMode 属性 一 一 获取 或 设置 ListBox 控件 的 选项 模式 , Single 为 单 选 ， 
Multiple 为 多 选 ,默认 为 Single。 当 允许 多 选 时 ,只 需 按 住 Ctrl 键 或 Shift 键 并 单 击 
要 选取 的 选项 , 便 可 完成 多 选 。 

【示例 3-5】 演示 DropDownList、ListBox 控件 的 使 用 。 

(1) 创建 页 面 文件 DropDownList. aspx, 从 工具 箱 中 拖 放 1 个 DropDownList 和 2 个 
Label 控件 ,通过 ListItem 为 DropDownList 和 ListBox 控件 添加 选项 ,代码 如 表 3-7 
所 示 。 

(2) 在 DropDownList. aspx. cs 中 添加 代码 如 表 3-8 所 示 。 
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表 3-7 页 面 DropDownList. aspx 主体 部 分 的 代码 


代 码 页 


<body> 
< form id= "forml" runat = "server"> 
<div> 
<asp:DropDownList ID = "DropDownList1" runat = "server" AutoPostBack = "True" 
OnSelectedIndexChanged = "DropDownList1_SelectedIndexChanged1"> 
<asp:ListItem > 请 选择 一 门 课程 </asp:ListItem> 
<asp:ListItem> ASP .NET </asp:ListItem> 
<asp:ListItem> Java </asp:ListItem> 
<asp:ListItem > 英语 </asp:ListItem> 
<asp:ListItem > 数据 结构 </asp:ListItem> 
<asp:ListItem > 操作 系统 </asp:ListItem> 
<asp:ListItem > 数据 库 原理 </asp:ListItem> 
</asp:DropDownList > 
<asp:Label ID = "Labell" runat = "server" Text = "Label"></asp:Label > 
<br /> 
<asp:ListBox ID = "ListBoxl" runat = "server" AutoPostBack = "True" 
OnSelectedIndexChanged = "ListBoxl_SelectedIndexChanged" 
SelectionMode = "Multiple"> 
<asp:ListItem > 请 选择 多 门 课程 </asp:ListItem> 
<asp:ListItem > ASP .NET </asp:ListItem> 
<asp:ListItem> Java </asp:ListItem> 
<asp:ListItem > 英语 </asp:ListItem> 
<asp:ListItem > 数据 结构 </asp:ListItem> 
<asp:ListItem > 操作 系统 </asp:ListItem> 
<asp:ListItem > 数据 库 原理 </asp:ListItem> 
</asp:ListBox> 
<asp:Label ID = "Label2" runat = "server" Text = "Label"></asp:Label > 
</div> 
</form> 
</body> 


表 3-8 ”页面 DropDownList. aspx 对 应 的 es 文件 的 代码 


行 号 


代 码 页 


01 
02 
03 
04 
05 
06 
07 
08 


protected void DropDownList1_SelectedIndexChanged1 (object sender, EventArgs e) 
{ 
Labell. Text = "你 选择 了 ”+ DropDownList1.Text + "课程 "; 
} 
protected void ListBoxl_SelectedIndexChanged(object sender, EventArgs e) 
{ 
string str = ""; 
Label2. Text = ""; 
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续 表 
行 号 代 码 页 
09 for (int i = 0; i < ListBoxl. Items.Count; i++) 
10 { 
11 证 (ListBox1. Items[i]. Selected) 
Eb { 
13 str += ListBoxl. Items[i].Text + "、"; 
14 } 
15 } 
16 Label2. Text = "你 选择 了 " + str + "课程 "; 
二“ 小 


(3) 运行 页 面 ,效果 如 图 3-11 和 图 3-12 所 示 。 


-~ http://localhost:33... - 


http://localhost:3325/ch03/ch3_5/D... - oo x 
酌 辐 | 昌 htp/lloalhost3325/dy 同 本 区] | 百度 


葬 镭 四 htp:/lloalhost3325/dh 


文件 (E) 编辑 (E) 查看 (V) 收藏 > ” 


文件 (E) 编辑 (E) 查看 (V) 收藏 夫 (A) 工具 (T) 帮 E ” 
空 收藏 天 | 硕 http:/1localhost3325/ 交 收 藏 交 | 蜀 http://localhost3325/dh03/dh3 5 | | 


| 本 一 门 识 得 鸭 | Labd ASPNET ” 测 | 你 选择 了 ASPNET 识 程 

天 全 外间 六 | 语族 标 多 门 识 程 网 

Java 本 

Ba Labdl | 奖 汪 四 你 选择 了 ASP.NET、Java、 课 程 
图 3-11 列表 初始 状态 图 3-12 列表 选择 之 后 的 效果 


注意 : ListBox 控件 中 如 果 允 许 用 户 选择 多 项 ,需要 设置 其 SelectionMode 属性 为 
Multiple。 


3.1.3 验证 控件 


网 页 交互 过 程 中 ,经 常 需 要 使 用 输入 控件 来 收集 用 户 输入 的 信息 。 为 确保 用 户 提交 
到 服务 器 的 信息 在 内 容 和 格式 上 都 是 合法 的 ,就 必须 编写 代码 来 验证 用 户 输入 的 内 容 。 
ASP.NET 提供 了 强大 的 验证 控件 , 它 可 以 验证 服务 器 控件 中 用 户 的 输入 ,并 在 验证 失败 
的 情况 下 显示 一 条 自 定义 错误 消息 。 验 证 控件 直接 在 客户 端 执 行 ,用 户 提交 后 执行 相 
应 的 验证 无 需 使 用 服务 器 端 进行 验证 操作 ,从 而 减少 了 服务 器 与 客户 端 之 间 的 往返 
过 程 。 


1. 验证 控件 及 其 作用 


ASP.NET 验证 控件 是 一 个 服务 器 控件 集合 ,允许 这 些 控件 验证 关联 的 输入 服务 器 
控件 (如 TextBox) ,并 在 验证 失败 时 显示 自 定义 消息 。 每 个 验证 控件 执行 特定 类 型 的 验 
证 ,一 个 输入 控件 可 以 同时 被 多 个 验证 控件 关联 验证 。ASP.NET 的 验证 控件 如 表 3-9 
所 示 。 
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表 3-9 ASP.NET 的 验证 控件 


验证 类 型 使 用 的 控件 说 明 

必需 项 RequiredFieldValidator 验证 一 个 必 填 字段 ,确保 用 户 不 会 跳 过 该 项 输入 

与 某 值 的 比较 CompareValidator 将 用 户 输入 与 一 个 常数 值 或 者 另 一 个 控件 或 特定 数据 类 
型 的 值 进行 比较 (使 用 小 于 、 等 于 或 大 于 比较 运算 符 ) 

范围 检查 RangeValidator 用 于 检查 用 户 的 输入 是 否 在 指定 的 上 下 限 内 。 可 以 检查 
数字 对 字母 对 和 日 期 对 的 限定 范围 

模式 匹配 RegularExpressionValidator ”用 于 检查 输入 的 内 容 与 正则 表达 式 所 定义 的 模式 是 否 匹 
配 。 此 类 验证 可 用 于 检查 可 预测 的 字符 序列 ,例如 电子 
邮件 地 址 、 电 话 号 码 、 邮 政 编码 等 内 容 中 的 字符 序列 

用 户 定义 CustomValidator 使 用 自己 编写 的 验证 逻辑 检查 用 户 输入 。 此 类 验证 能 够 
检查 在 运行 时 派生 的 值 

验证 总 汇 ValidationSummary 该 控件 不 执行 验证 ,但 经 常 与 其 他 验证 控件 一 起 用 于 显 
示 来 自 网 页 上 所 有 验证 控件 的 错误 信息 


因此 ,可 以 通过 CompareValidator 和 RangeValidator 控件 分 别 检查 某 个 特定 值 或 值 范 
围 ,还 可 以 调用 CustomValidator 控件 定义 自己 的 验证 条 件 , 或 者 使 用 ValidationSummary 
控件 显示 网 页 上 所 有 验证 控件 的 结果 摘要 。 


2. 验证 控件 的 属性 和 方法 


所 有 的 验证 控件 都 继承 自 BaseValidator 类 ,BaseValidator 类 为 所 有 的 验证 控件 提供 
了 一 些 公用 的 属性 和 方法 ,如 表 3-10 所 示 。 


表 3-10 ”验证 控件 的 公共 属性 和 方法 


属 性 说 有 明 
Display 属性 获取 或 设置 验证 控件 中 错误 信息 的 显示 行为 
ErrorMessage 属性 获取 或 设置 验证 失败 时 ValidationSummary 控件 中 显示 的 错误 信息 的 文本 
Text 属性 获取 或 设置 验证 失败 时 验证 控件 中 显示 的 文本 


ControlToValidate 属性 
EnableClientScript 属性 
SetFocusOnError 属性 


获取 或 设置 要 验证 的 输入 控件 
获取 或 设置 一 个 值 ,该 值 指示 是 否 启 用 客户 端 验证 
获取 或 设置 一 个 值 , 该 值 指示 在 验证 失败 时 是 否 将 焦点 设置 到 


ControlToValidate 属性 指定 的 控件 上 


ValidationGroup 属性 
IsValid 属性 
ForeColor 属性 


获取 或 设置 此 验证 控件 所 属 的 验证 组 的 名 称 
获取 或 设置 一 个 值 , 该 值 指示 关联 的 输入 控件 是 否 通过 验证 
指定 当 验 证 失败 时 用 于 显示 错误 消息 的 文本 颜色 


验证 控件 总 是 在 服务 器 上 执行 验证 检查 。 它 们 还 具有 完整 的 客户 端 实现 ,该 实现 允许 
支持 DHTML 的 浏览 器 在 客户 端 执行 验证 。 客 户 端 验 证 通过 在 向 服务 器 发 送 用 户 输入 前 
检查 用 户 输入 来 增强 验证 过 程 。 在 提交 窗 体 前 即 可 在 客户 端 检测 到 错误 ,从 而 避免 了 服务 


器 端 验 证 所 需 信 息 的 来 回 传递 。 


客户 端的 验证 经 常 被 使 用 ,因为 它 有 非常 快 的 响应 速度 。 可 以 通过 将 EnableClientScript 


属性 设置 为 False 关闭 客户 端 验证 。 


每 个 验证 控件 以 及 Page 对 象 本 身 ,都 有 一 个 IsValid 属性 ,利用 该 属性 可 以 进行 页 面 
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有 效 性 的 验证 。 只 有 当 页 面 的 所 有 验证 都 成 功 时 ,Page. IsValid 属性 才 为 真 。 
3. 表单 验证 控件 (RequiredFieldValidator) 


在 实际 的 应 用 中 ,如 在 用 户 填 写 表单 时 ,有 一 些 项 目 是 必 填 项 ,例如 用 户 名 和 密码 。 
在 传统 的 ASP 中 , 当 用 户 填 写 表单 后 ,页 面 需要 被 发 送 到 服务 器 并 判断 表单 中 的 某 项 
HTML 控件 的 值 是 否 为 空 ,如 果 为 空 , 则 返回 错误 信息 。 在 ASP.NET 中 ,系统 提供 了 
RequiredFieldValidator 验证 控件 进行 验证 。 使 用 RequiredFieldValidator 控件 能 够 指定 
某 个 用 户 在 特定 的 控件 中 必须 提供 相应 的 信息 ,如 果 不 填 写 相 应 的 信息 。 
RequiredFieldValidator 控件 就 会 提示 错误 信息 。RequiredFieldValidator 控件 示例 代码 如 
下 所 示 : 


<form id = "forml" runat = "server"> 

<div> 
姓名 :< asp:TextBox ID = "TextBoxl" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "RequiredFieldValidator1”runat = "server" 

ControlToValidate = "TextBoxl" ErrorMessage= "姓名 不 能 为 空 !"> 

</asp:RequiredFieldValidator >< br /> 
密码 :< asp:TextBox ID = "TextBox2" runat = "server"></asp:TextBox ><br /> 
< asp:Button ID = "Button1" runat = "server" Text = "登录 " /><br /> 

</div> 

</form> 


在 进行 验证 时 , RequiredFieldValidator 控件 必须 绑 定 一 个 服务 器 控件 。 在 上 述 代 码 
中 ,验证 控件 RequiredFieldValidator 的 服务 器 控件 绑 定 为 TextBoxl, 当 TextBoxl 中 的 值 
为 空 时 , 则 会 提示 自 定义 错误 信息 “姓名 不 能 为 空 !”。TextBox2 没有 绑 定 , 所 以 没有 提示 ， 
效果 如 图 3-13 所 示 。 

当 姓 名 选项 未 填写 时 ,会 提示 必 填 字段 不 能 为 


-~ http://localhost:3325/ch03/... - c x 


空 ,并 且 该 验证 在 客户 端 执 行 。 当 发 生 此 错误 时 ,用 [em ua 


户 会 立即 看 到 该 错误 提示 而 不 会 立即 进行 页 面 提 ”|i 妇 件 (E) 急 辑 (E) 这 看 (V】 收藏 大 (A) 工具 ” 
交 , 当 用 户 填写 完成 并 再 次 单 击 按钮 控件 时 ,页 面 才 | 安 收 大夫 | 茵 htpyhocalhost3325jeh03…| | 
会 向 服务 器 提交 。 姓名 [| 姓名 不 能 为 宝 1 

密码 : 


4. 比较 验证 控件 (CompareValidator) 


比较 验证 控件 对 照 特定 的 数据 类 型 来 验证 用 户 图 3-13 RequiredFieldValidator 验证 控件 
的 输入 。 因 为 当 用 户 输 入 用 户 信 息 时 ,难免 会 输入 
错误 信息 ,如 需要 了 解 用 户 的 生日 时 ,用 户 很 可 能 输入 了 其 他 的 字符 串 。CompareValidator 
比较 验证 控件 能 够 比较 控件 中 的 值 是 否 符合 开发 人 员 的 需要 。CompareValidator 控件 的 
峙 有 属性 如 下 : 

。 ControlToValidate 要 验证 的 控件 ID。 

。 ControlToCompare 一 一 用 来 与 要 验证 的 控件 进行 比较 的 控件 的 ID。 
要 使 用 的 比较 运算 符 , 比 如 之 .>=、 二 =、 所, 默认 为 等 于 (一 ) 。 
要 比较 的 两 个 值 的 数据 类 型 ,不 同类 型 的 比较 可 能 会 出 错 。 


。 Operator 


。 Type 
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。 ValueToCompare 以 字符 串 形式 输入 的 表达 式 , 即 用 于 比较 的 值 。 
当 使 用 CompareValidator 控件 时 ,可 以 方便 地 判断 用 户 是 否 正确 输入 ,示例 代码 如 下 
所 示 。 


< form id = "forml" runat = "server"> 
<div> 
密码 : < asp:TextBox ID = "txtPassword" runat = "server"></asp:TextBox>< br /> 
重复 密码 : < asp:TextBox ID = "txtRePassword" runat = "server"></asp:TextBox> 
< asp:CompareValidator ID = "CompareValidator1" runat = "server" 
ControlToCompare = "txtPassword" 
ControlToValidate = "txtRePassword" Display = "Dynamic" 
ErrorMessage = "密码 输入 不 一 致 "> 
</asp:CompareValidator >< br /> 
出 生年 月 : <asp:TextBox ID = "txtDate" runat = "server"></asp:TextBox> 
<asp:CompareValidator ID= "CompareValidator2" runat = "server" 
ControlToValidate = "txtDate" 
Display = "Dynamic" ErrorMessage = "日 期 格式 不 正确 " 
Operator = "DataTypeCheck" Type = "Date"> 
</asp:CompareValidator >< br /> 
<asp:Button ID = "btnSubmit" runat = "server" Text = "提交 " /><br /> 
</div> 
</form> 


上 述 代码 判断 两 个 输入 密码 的 文本 框 txtPassword、txtRePassword 的 输入 的 值 是 否 相 
等 ; 判断 文本 框 txtDate 输入 的 格式 是 否 符合 正确 的 日 期 格式 , 当 输 入 的 格式 错误 时 ,会 提 
示 错 误 。 效 果 如 图 3-14 所 示 。 


http:/ /localhost:3325/ch03/Compare,.. - 


GO | http://ocalhost:3325 久 贺 古 [x| | 百度 
文件 (E) 编辑 (E) 查看 (V) 收藏 天 (A) 工具 (I) 帮 且 ” 
宽 收 藏 严 | 起 http://localhost:3325/ch03/Compar.. 


3: fappy 
重复 密 码 ，jappy2014 密码 条 入 不 一 致 
出 生年 月 ，Pn1401027 ”日期 格式 不 正确 
2E| 


图 3-14 ”CompareValidator 验证 控件 


5. 范围 验证 控件 (RangeValidator) 


范围 验证 控件 (RangeValidator) 可 以 检查 用 户 的 输入 是 否 在 指定 的 上 限 与 下 限 之 间 。 
通常 情况 下 用 于 检查 数字 日期、 货币 等 。 范 围 验证 控件 (RangeValidator) 控 件 的 常用 属性 
如 下 所 示 。 


*。 MinimumValue 


指定 有 效 范围 的 最 小 值 。 
指定 有 效 范 围 的 最 大 值 。 


*。 MaximumValue 
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。 Type 一 一 指定 要 比较 的 值 的 数据 类 型 。 

通常 情况 下 ,为 了 控制 用 户 输入 的 范围 ,可 以 使 用 该 控件 。 当 输入 用 户 的 生日 时 ,今年 
是 2014 年 ,那么 用 户 就 不 应 该 输入 2015 年 ; 同样 ,基本 上 没有 人 的 寿命 会 超过 150, 所 以 对 
输入 的 日 期 的 下 限 也 需要 进行 规定 。 示 例 代码 如 下 所 示 。 


<form id = "forml" runat = "server"> 
<div> 
年 龄 : <asp:TextBox ID = "txtAge" runat = "server"></asp:TextBox > 
<asp:RangeValidator ID = "RangeValidator1" runat = "server" ControlToValidate = "txtAge" 
Display = "Dynamic"” ErrorMessage = "年 龄 应 在 0 一 200 之 间 " 
MaximumValue = "200" 
MinimumValue = "0" 
Type = "Integer"></asp:RangeValidator > 
<asp:Button ID = "btnSubmit" runat = "server" Text = "提交 " /> 
</div> 
</form> 


上 述 代码 将 MinimumValue 属性 值 设 置 为 0, 并 将 MaximumValue 的 值 设置 为 200。 
当 用 户 的 日 期 低 于 最 小 值 或 高 于 最 大 值 时 , 则 提示 错误 ,如 图 3-15 所 示 。 


http://localhost:3325/ch03/Rang... - = x 


状 辐 - |@ http://ocalhost:3325 问 加 [的 [x||2 可 
文件 (E) 编辑 (E) 查看 (V) 收藏 天 (A) 工具 (TD ” 


实 收 藏 夫 | 乱 http://localhost:3325/ch03/Ran.. | 


年 花 ，|201 年 龄 应 在 0.200 之 间 
| 


图 3-15 ”CompareValidator 验证 控件 


注意 : RangeValidator 验证 控件 在 进行 控件 的 值 的 范围 设 定时 ,其 范围 不 仅仅 可 以 是 
一 个 整数 值 ,同样 还 可 以 是 时 间 、 日 期 等 值 。 


6. 正则 验证 控件 (RegularExpressionValidator) 


在 上 述 控 件 中 ,虽然 能 够 实现 一 些 验 证 ,但 是 验证 的 能 力 是 有 限 的 。 例 如 在 验证 的 过 程 
中 ,只 能 验证 是 否 是 数字 ,或 者 是 否 是 日 期 ; 也 可 能 在 验证 时 ,只 能 验证 一 定 范围 内 的 数值 。 
虽然 这 些 控 件 提供 了 一 些 验证 功能 ,但 限制 了 开发 人 员 进 行 自 定义 验证 和 错误 信息 的 开发 。 
为 实现 一 个 验证 ,很 可 能 需要 多 个 控件 同时 搭配 使 用 。 

正则 验证 控件 (RegularExpressionValidator) 就 解决 了 这 个 问题 。 正 则 验证 控件 的 功 
能 非常 的 强大 , 它 用 于 确定 输入 的 控件 的 值 是 否 与 某 个 正则 表达 式 所 定义 的 模式 相 匹 配 ,如 
电子 邮件 .电话 号 码 以 及 序列 号 等 。 其 语法 格式 如 下 : 


<asp:RegularExpressionValidator id= "控件 名 称 " 
ControlToValidate = "被 验证 的 控件 的 名 称 " 
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ValidationExpression = "正则 表达 式 " 
ErrorMessage = "错误 发 生 时 的 提示 信息 " 
Display= "DYnamic | Static | None" 
runat = "server" /> 


正则 验证 控件 (RegularExpressionValidator) 常 用 的 属性 是 ValidationExpression, 它 用 
来 指定 用 于 验证 的 输入 控件 的 正则 表达 式 。 常 用 的 正则 表达 式 字符 及 其 含义 如 表 3-11 


所 示 。 
表 3-11 常用 正则 表达 式 字 符 及 其 含义 
正则 表达 式 字 符 含义 
Ld 匹配 括号 中 的 任何 一 个 字符 
bay 匹配 不 在 括号 中 的 任何 一 个 字符 
\w 匹配 任何 一 个 字符 (a~z、.A~Z 和 0 一 9) 
\W 匹配 任何 一 个 空白 字符 
\s 匹配 任何 一 个 非 空白 字符 
\S 与 任何 非 单词 字符 匹配 
\d 匹配 任何 一 个 数字 (0 一 9) 
\D 匹配 任何 一 个 非 数字 (0 一 9) 
[\b] 匹配 一 个 退 格 键 字母 
{n,m) 最 少 匹配 前 面 表 达 式 ”次 ,最 大 为 m 次 
{n,} 最 少 匹 配 前 面 表达 式 n 次 
{n) 恰好 匹配 前 面 表达 式 ”次 
? 匹配 前 面 表达 式 0 或 1 次 (0,1) 
十 至 少 匹 配 前 面 表达 式 1 次 
类 至 少 匹配 前 面 表达 式 0 次 {0,} 
| 匹配 前 面 表达 式 或 后 面 表达 式 
ey 在 单元 中 组 合 项 目 
匹配 字符 串 的 开头 
$ 匹配 字符 串 的 结尾 
\b 匹配 字符 边界 
\B 匹配 非 字 符 边 界 的 某 个 位 置 


下 面 列举 几 个 常用 的 正则 表达 式 。 

。 电话 验证 : [0-9]{3,4}-[0-9]{7,8} ,如 0371-92345678 或 010-12345678。 

18 位 身份 证 验证 : [0-9]{6}[12J[0-9]{3}[01J[C0-9J[0123J[0-9][0-9]{3}[12]。 
E-mail 验证 : . {1,}@. {1, 八 .[a-zA-Z]{2,3)。 

。 HTML 标记 : <(\Sx ?)[>]* 之. * ? 过 作 11|<. * ? />。 

。 网 址 URL: [a-zA-z] 十 ://[^\s]*。 

。 中 国 邮 政 编码 : [1-9]\d{5}(?1\d)。 

也 了 地址 : \d 十 \. \d 十 \. \d 十 \. Nd 十。 
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客户 端的 正则 表达 式 验 证 语法 和 服务 端的 正则 表达 式 验 证 语法 不 同 ,因为 在 客户 端 使 
用 的 是 JScript 正则 表达 式 语法 ,而 在 服务 器 端 使 用 的 是 Regex 类 提供 的 正则 表达 式 语法 。 
使 用 正则 表达 式 能 够 实现 字符 串 的 匹配 并 验证 用 户 的 输入 的 格式 是 否 正确 ,系统 提供 了 一 
些 常 用 的 正则 表达 式 , 开 发 人 员 能 够 选择 相应 的 选项 进行 规则 筛选 。 切 换 到 页 面 “设计 ” 视 
图 ,从 “工具 箱 ”>“ 验 证 ”选项 组 中 ,将 RegularExpressionValidator 控件 拖 动 到 页 面 上 , 选 
择 此 控件 ,然后 在 “属性 ”窗口 中 找到 “行为 ”下 的 ValidationExpression 属性 , 单 击 
ValidationExpression 属性 右边 的 省 略 符号 按钮 , 即 可 打开 “正则 表达 式 编辑 器 ”对 话 框 ,如 
图 3-16 所 示 。 

当选 择 了 正则 表达 式 后 ,系统 自动 生成 的 HTML 代码 如 下 所 示 。 


< form id = "forml”runat = "server"> 
Telphone: < asp:TextBox ID = "txtTel" runat = "server" Height = "22px"> </asp:TextBox > 
< asp:RegularExpressionValidator ID = "RegularExpressionValidator2" runat = "server" 
ControlToValidate = "txtTel" 
ErrorMessage = "请 输入 合法 的 电话 号 码 " 
ValidationExpression= "[0— 9]{3,4} - [0 — 9]{7,8}"></asp:RegularExpressionValidator > 
<br /> 
<asp:Button ID = "btnSubmit" runat = "server" Text = "提交 " /></div> 
</form> 


运行 后 当 用 户 单 击 按钮 控件 时 ,如 果 输 入 的 信息 与 相应 的 正则 表达 式 不 匹配 , 则 会 提示 
错误 信息 ,如 图 3-17 所 示 。 


http:/ /localhost:3325/ch03/RegularExpr... 


正则 表达 式 编辑 器 。 葬 园 、 昌 htp:/loaalhost3325 品 图 [ 罗 [区 | 户 百度 
和 二 | | 文件 四 编 加 (昌吉 看 V) 收 蕊 天 (A) 工具 (T) 帮助) 
对 人 民生 侣 收藏 只 ” 臣 http://ocalhost:3325/ch03/Regular..… 
中 华人 民 共 和 国 邮 政 编码 沿 区 | 
验证 表 头 式 (Eh: Telpbonec，|0852.8612 请 输入 侣 法 的 电话 号 码 
(WAd{3NIVd(G3P-)zdf8) 
ED| | 加 司 
图 3-16 “正则 表达 式 编辑 器 ?对话 框 图 3-17 RegularExpressionValidator 验证 控件 


同样 ,开发 人 员 也 可 以 自 定义 正则 表达 式 来 规范 用 户 的 输入 。 使 用 正则 表达 式 能 够 加 
快 验证 速度 并 在 字符 串 中 快速 匹配 ; 而 另 一 方面 .使 用 正则 表达 式 能 够 减少 复杂 的 应 用 程 
序 的 功能 开发 和 实现 。 

注意 : 在 用 户 和 输入 为 空 时 ,其 他 的 验证 控件 都 会 验证 通过 。 所 以 ,验证 控件 通常 需要 同 
表单 验证 控件 (RequiredFieldValidator) 一 起 使 用 。 


7. 验证 组 控件 (ValidationSummary) 


验证 组 控件 (ValidationSummary) 本 身 没 有 验证 功能 ,但 验证 组 控件 (ValidationSummary) 
通过 ErrorMessage 属性 为 页 面 上 的 每 个 验证 控件 显示 错误 信息 。 验 证 组 控件 (ValidationSum- 
mary) 的 常用 属性 如 下 : 
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。 DisplayMode 一 一 摘要 可 显示 为 列表 、 项 目 符号 列表 或 单个 段落 。 

。 HeaderText 标题 部 分 指定 一 个 自 定义 标题 。 

。 ShowMessageBox 一 一 是 否 在 消息 框 中 显示 摘要 。 

。 ShowSummary 控制 是 显示 还 是 隐藏 ValidationSummary 控件 。 
验证 控件 能 够 显示 页 面 的 多 个 控件 产生 的 错误 ,示例 代码 如 下 所 示 。 


< form id = "forml1" runat = "server"> 
<div> 
姓名 : 
< asp:TextBox ID = "TextBox1" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "RequiredFieldValidator1”runat = "server" 
ErrorMessage = "姓名 为 必 填 项 " 
ControlToValidate = "TextBox1"> 
</asp:RequiredFieldValidator > 
<br /> 
身份 证 : 
<asp:TextBox ID = "TextBox2" runat = "server"></asp:TextBox> 
<asp:RegularExpressionValidator ID = "RegularExpressionValidatorl" runat = "server" 
ControlToValidate = "TextBox2" 
ErrorMessage = "身份 证 号 码 错误 ” 
ValidationExpression = "\d{17}[\d|x]|\d{15}"> 
</asp:RegularExpressionValidator > 
<br /> 
< asp:Button ID = "Button1" runat = "server" Text = "提交 " /> 
<asp:ValidationSummary ID = "ValidationSummary1" runat = "server" /> 
</div> 
</form> 


上 述 代码 运行 效果 如 图 3-18 所 示 
http://localhost:3325/ch0O3/Vali... - oo x 

GO fantp://ocalhost:3325 MO5 [x [PE 
文件 (E) 编辑 (E) 查看 (V) 收藏 夫 (A) 工具 (了 ” 

空 收藏 夹 | 大 http:j/localhost3325/ch03NVa [wl 


姓名 : 姓名 为 必 填 项 
身份 证 : E | 身份 证 号 码 错误 
LE 


。 姓名 为 必 填 项 
。 身份 证 号 码 错误 


图 3-18 ”RegularExpressionValidator 验证 控件 

当 有 多 个 错误 发 生 时 ,ValidationSummary 控件 能 够 捕获 多 个 验证 错误 并 呈现 给 用 户 ， 

这 样 就 避免 了 一 个 表单 需要 多 个 验证 时 需要 使 用 多 个 验证 控件 进行 绑 定 ,使 用 
ValidationSummary 控件 就 无 须 为 每 个 需要 验证 的 控件 进行 绑 定 。 
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3.1.4 FileUpload 控件 
1. FileUpload 控件 概述 


FileUpload( 文 件 上 传 ) 控 件 主要 功能 是 上 传 文件 到 服务 器 。 该 控件 提供 一 个 文本 框 和 
一 个 “浏览 ”按钮 ,用 户 可 以 在 文本 框 中 输入 完整 的 文件 路 径 , 或 者 单 击 “ 浏 览 ” 按 钮 从 客户 端 
选择 需要 上 传 的 文件 ,然后 在 服务 器 中 调用 SaveAs 方法 保存 上 传 的 文件 ,也 可 以 通过 
FileContent 属性 获取 需要 上 传 的 Stream 对 象 。 通 常 把 Stream 对 象 保存 到 数据 库 。 
FileUpload 控件 不 会 自动 上 传 文件 ,必须 设置 相关 的 事件 处 理 程序 ,并 在 程序 中 实现 文件 
上 传 。 

FileUpload 控件 提供 了 一 些 属性 、 方 法 和 事件 实现 文件 上 传 功 能 ,如 表 3-12 所 示 。 


表 3-12 FileUpload 控件 常用 属性 、 方 法 


属性 和 方法 说 明 
FileBytes 属性 获取 上 传 文件 的 字 节 数组 
FileContent 属性 获取 上 传 文件 的 文件 流 (Stream) 对 象 
FileName 属性 获取 上 传 文件 在 客户 端的 文件 名 称 
HasFile 属性 确定 是 否 有 上 传 文件 ,表示 FileUpload 控件 是 否 已 包含 一 个 文件 
PostedFile 属性 获取 一 个 与 上 传 文件 相关 的 HttpPostedFile 对 象 ,获取 相关 属性 
SaveAs 方 法 将 上 传 的 文件 保存 到 指定 的 路 径 


提示 : 使 用 FileUpload 控件 ,一 般 要 导入 命名 空间 System. IO, 用 于 在 服务 器 端 操作 文 
件 目录 。 


2. FileUpload 控件 应 用 


【示例 3-6】 通过 FileUpload 控件 上 传 图 片 文件 ,并 将 源 文件 的 路 径 、 文 件 大 小 和 文件 
类 型 显示 出 来 。 

(1) 创建 页 面 文件 FileUploadDemo. aspx, 从 工具 箱 中 拖 放 一 个 FileUpload 控件 一 个 
Label 控件 和 一 个 Button 控件 到 页 面 中 ,添加 一 个 名 字 为 images 的 文件 夹 用 于 存放 上 传 的 
文件 。FileUploadDemo. aspx 页 面 代 码 如 下 。 


< form id = "form1”runat = " server"> 
< div> 
<asp:FileUpload ID = "FileUpload1" runat = "server" /> 
< asp:Button ID = "btnUpload" runat = "server" OnClick = "btnUpload Click" Text =" 上 传 " /> 
<asp:Label ID = "lbInfo" runat = "server" Text = "Label"></asp:Label > 
</div> 
</form> 


(2) 在 页 面 后 置 代码 文件 FileUploadDemo. aspx. cs 中 添加 单 击 Button 按钮 事件 的 代 
码 ,如 表 3-13 所 示 。 
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表 3-13 “上 传 "按钮 的 Click 事件 方法 代码 


行 号 代 码 页 


01 /// <summary> 

02 ///" 上 传 "按钮 的 Click 事件 方法 

03 /// </summary> 

04 /// <param name = "sender"></param > 

05 /// <param name = "e"></param> 

06 protected void btnUpload _ Click(object sender, EventArgs e) 


07 { 

08 证 (this.FileUpload1. HasFile == true) 

09 { 

10 证 (FileUpload1.FileName == "" || FileUpload1.FileName == null) 

11 { 

12 return; 

13 ’ 

14 string File N = FileUpload1. FileName. ToString(); // 获 取 上 传 文件 的 名 称 

15 //string webDir = Server.MapPath(".") + "\\images\\"; 

16 string webDir = Server.MapPath("~/images/"); 

17 if (!Directory. Exists(webDir)) // 检 查 目录 是 否 存 在 

18 { 

19 Directory. CreateDirectory(webDir); // 不 存在 , 则 创建 

20 

21 FEileUpload1.Savehs(webDir + File N); 

22 this. lbInfo. Text = "<1i>”+ "原文 件 路 径 : " + this. FileUpload1. PostedFile. 
FileName; 

23 this. lbInfo. Text += "<br>"; 

24 this. lbInfo. Text += "<1i>"” + "文件 大 小 : " + this. FileUpload1. PostedFile. 
ContentLength + " 字 节 "; 

25 this. lbInfo. Text += "<br>"; 

26 this. lbInfo. Text += "<1i>”+ "文件 类 型 : " + this. FileUpload1. PostedFile. 
ContentType; 

27 Response. Write(" 文 件 上 传 成 功 "); 

28 

29 } 


(3) 运行 页 面 FileUploadDemo. aspx, 效 果 如 图 3-19 所 示 。 


文件 上 传 成 功 后 ,在 网 站 项 目 ch03 下 可 以 看 到 images 文件 夹 下 有 已 上 传 的 文件 ( 若 没 


有 images 文件 夹 , 则 选择 “刷新 文件 夹 ”选项 ) 。 
3.1.5 第 三 方 控 件 


ASP.NET 4.0 虽然 提供 了 八 十 多 种 内 置 控 件 , 但 都 是 基于 自身 需求 而 来 ,有 它 的 商业 


目的 。 人 们 对 自己 开发 中 遇 到 的 内 容 比 较 熟悉 ,于 是 开发 出 适合 自己 使 月 


的 控件 ,后 来 发 现 


许多 人 也 有 这 样 需求 ,于 是 就 放 在 网 络 上 发 展 成 “第 三 方 控件 ”。 下 面 介绍 一 些 常用 的 第 三 
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http://localhost:3325/ch03/ch3_6/FileUploadDe... 


EO- 关 _6/FileUploadDemo.aspx 半 |*+|x| | 只 百度 12 
窗 收 藏 夹 | 大 http:/ 咱 ccalhost:3325/ch03/ch3_6/F.… 


文件 上 传 成 功 


。， 原 文件 路 径 ，CJDocuments and Settings\Administrator' 桌 面 \chocolate png 
。 文 件 大 小 ，95008 字 节 
。 文件 类 型 ，image/x-png 


号 六 地 Intranet 给” 册 100% - 


图 3-19 FileUpload 控件 运行 效果 
方 控件 。 
1. 验证 码 控 件 WebValidates 


上 网 的 时 候 , 如 果 登 录 或 者 注册 ,常常 需要 输入 一 个 验证 码 , 防 止 竞争 对 手 使 用 程序 模 
拟 在 短 时 间 内 注册 上 百 万 个 * 脏 用户。 验证 码 通过 每 次 生成 不 同 的 验证 内 容 ,可 以 防止 基 
于 程序 循环 而 产生 的 恶意 攻击 。 

要 实现 验证 码 , 有 必要 了 解 验证 码 的 实现 方式 。 首 先 ,验证 码 是 一 个 图 片 ,包含 随机 生 
成 的 文字 。 可 以 使 用 一 个 页 面 ,通过 程序 绘制 页 面 上 的 内 容 和 干扰 像素 (又 称 噪点 ), 然 后 使 
用 一 种 状态 保持 方式 ,在 页 面 上 对 比 用 户 输入 的 内 容 和 刚才 生成 的 内 容 。 这 样 就 可 以 实现 
验证 码 效 果 。 根 据 不 同 的 状态 保持 方式 ,验证 方式 可 以 分 为 Session 方式 和 Cookie 方式 。 
但 是 这 两 种 方式 效果 都 不 是 太 理想 ,最 麻烦 的 是 还 需要 编码 去 绘图 。 可 以 使 用 第 三 方 的 验 
证 码 控件 WebValidates 来 实现 验证 码 效 果 。 

验证 码 控件 的 使 用 步骤 如 下 。 

(1) 将 从 网 上 下 载 的 验证 码 控件 放 入 工具 箱 。 

(2) 拖 放 控件 到 页 面相 应 位 置 。 

(3) 页 面 初始 化 时 ,编程 生成 验证 码 (假设 验证 码 控件 ID 为 snCode) 。 

(4) 编码 对 比 用 户 的 输入 (假设 用 户 输入 验证 码 的 文本 框 ID 是 txtCode) ,并 做 相应 的 
处 理 。 


snCode. CheckSN(txtCode. Text. Trim( )) 


下 面 使 用 验证 码 控 件 实现 用 户 身 份 证 号 码 注 册 功 能 。 
注册 页 面 Default. aspx 中 关键 代码 如 下 所 示 。 


< form id = "forml”runat = "server"> 
<div> 
身份 证 : < asp:TextBox ID = "txtPhone" runat = "server" Width= "162px"></asp:TextBox > < br /> 
验证 码 : < asp:TextBox ID = "txtCode" runat = "server”Width = "159px"></asp:TextBox> 
< ccl:SerialNumber ID = "snCode" runat = "server"></ccl:SerialNumber><br /> 
<asp:Button ID = "btnSubmit" runat = "server" OnClick = "btnSubmit Click" Text = " 完 成 " /> 
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<asp:Label ID = "lblMsg" Visible = "false" runat = "server" Text = "Label"></asp:Label > 
</div> 
</form> 


页 面 的 后 置 代码 文件 Default. aspx. cs 中 的 关键 代码 如 下 所 示 ( 其 中 的 核心 代码 以 粗 体 
表示 )。 


protected void Page Load(object sender, EventArgs e) 
l if (!IsPostBack) 

: snCode. Create( ); // 首 次 加 载 生成 新 验证 码 
: 1 


protected void btnSubmit_Click(object sender, EventArgs e) 
{ 
证 (!CheckCode()) // 调 用 验证 方法 
{ 
this. lblMsg. Visible = true; 
this. 1blMsg . Text = "验证 码 错 误 !"; 
return; 
else 
| 
this. lblMsg. Visible = true; 
this. lblMsg. Text =“" 验 证 码 通 过 !"; 


} 


protected bool CheckCode( ) // 验 证 方法 
{ 
if (snCode. CheckSN(txtCode. Text.Trim())) ”// 判 断 验证 码 输入 是 否 正 确 


return true; 


else 
{ 
snCode. Create( ); // 如 果 验 证 码 输入 不 正确 , 则 生成 新 验证 码 


return false; 
} 
运行 注册 页 Default. aspx, 效 果 如 图 3-20 所 示 。 
2. 富 文本 控件 CKeditor 


富 文本 控件 就 是 在 线 文本 编辑 控件 ,可 以 像 Word 编辑 器 那样 对 录入 的 内 容 设 置 样式 、 
排版 等 ,而 不 用 编写 HTML 代码 。 我 们 在 论坛 上 发 表 评 论 时 往往 有 这 样 的 体验 ,评论 的 内 
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GO- 加 http://localhost:2129/We 加 | | 用 百度 


交 收藏 丰 ”| 夯 蓝 证 而 按 件 应 用 


身份 证 ， 


2 1 
医护 jiE 码 通 过 


最 本 地 Intranet 三 ” 所 100% 


3-20 ”添加 验证 码 后 的 运行 效果 


容 可 以 改变 字体 ,可 以 添加 表情 图 片 ,可 以 添加 超 链 接 等 等 。 这 种 功能 仅仅 使 用 TextBox 
控件 难以 实现 。 常 见 的 在 线 文本 编辑 功能 的 控件 有 如 下 几 种 : 


RichTextBox 最 早 的 富 文 本 控件 , 富 文本 控件 因 它 而 得 名 。 
CKeditor 国外 一 个 开源 项 目 。 

CuteEditor 一 一 功能 最 为 完善 .但 它 自身 也 是 相当 庞大 。 
eWebEditor 一 一 国产 软件 ,有 中 国 特色 。 

FreeTextBox 一 一 简单 方便 ,在 国内 使 用 相当 普遍 。 


其 中 ,CKeditor 是 一 款 高 性 能 、 调 用 方便 以 及 功能 强大 的 在 线 编辑 器 。 它 支持 ASP . 
NET、PHP、JSP、Java 等 多 种 语言 且 不 需要 用 户 安装 客户 端 插件 。 下 面 以 CKeditor 为 例 讲 
解 在 线 编辑 录入 控件 的 用 法 。 

1) 下 载 CKeditor 

最 新 的 CKeditor 可 以 从 CKeditor 官网 http://www. ckeditor. com 上 下 载 ,这 里 使 用 
最 新 发 布 的 CKeditor 3. 6. 4。 下 载 ckeditor_aspnet_3. 6. 4. zip 压缩 包 并 解压 后 ,如 
图 3-21 所 示 。 打 开 _Samples 文件 夹 , 有 一 个 包括 CKeditor 所 使 用 的 全 部 图 片 JavaScript 
脚本 等 文件 的 CKeditor 资源 文件 ; 在 bin 目录 下 的 Debug 文件 夹 下 有 一 个 CKEditor 
.NET. dll 文 件 , 提 供 可 以 运行 在 .NET 环境 下 的 程序 集 。 


sditor_aspn 


文件 (F) 编辑 (E) 查看 (V) 收藏 (A) 工具 (T) 帮助 (H) 
@ 扣 - 日 谨 | 月 扫 寺 也 文 从 | 国 - 


地 址 (D) 已 D:\ckeditor_aspnet_3.6.4 坊 | 转 到 


您 改 日 其 
2014-2-12 17:25 
2014-2-12 17:25 
馈 CKEditor.NET 2014-2-12 17:25 
€ CHANGES.html 2012-8-8 21:42 
2011-3-4 17:25 
ditor.NETwithSamples.sIn 2011-3-4 17:25 
€]INSTALL.html 2011-4-20 21:33 
名 LICENSE.html 2011-4-20 21:33 


84.0 KB 是 我 的 电脑 


文件 和 文件 夹 任 荔 


其 它 位 置 


详细 信息 


图 3-21 ckeditor_aspnet_3. 6. 4 文件 结构 
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2) 配置 CKeditor 

(1) 将 Debug 文件 夹 下 的 CKEditor .NET. dll 文件 添加 
到 Visual Studio 的 工具 箱 中 ,效果 如 图 3-22 所 示 。 

(2) 将 CKeditor 文件 夹 复制 到 网 站 根 目录 下 。 

3) 使 用 CKeditor 

将 CKeditor 拖 入 页 面 设计 视 图 中 ,会 自动 生成 如 下 所 示 
代码 。 


<% @ Register Assembly = " CKEditor. NET" Namespace = 
"CKEditor.NET" TagPrefix= "CKEditor" %> 

< CKEditor:CKEditorControl ID = "cec" runat = "server" Width 
= "832px"></CKEditor:CKEditorControl > 


其 中 ,@ Register 指令 用 于 在 ASP.NET 应 用 程序 文件 
中 注册 该 控件 ,该 指令 有 几 个 属性 ,Assembly 表示 使 用 的 程序 集 ,Namespace 表示 使 用 的 命 
名 空间 , TagPrefix 表示 标签 的 前 级 , 如 “二 asp: TextBox 二 ”中 的 “asp” 就 是 前 绷 。 
@ Register 指令 下 的 CKeditor 的 定义 要 以 CKeditor 作为 标签 的 前 级 。 

运行 页 面 CkeditorDemo. aspx, 效 果 如 图 3-23 所 示 。 


日 第 三 方 控件 
NR 指针 
春 SerialNumber 
密 CKFditorControl 

旦 标准 

已 数据 

田 验 证 

田 导 航 .| 

田 登 录 

Webparts 

AJAX Extensions 

田 动 态 数据 


图 3-22 ”添加 CKEditor 控件 到 
工具 栏 中 的 效果 


条 国 ， | 全 http://localhost:8589/CkeditorDemo 国 [名 |[x| | 百度 
宽 收藏 普 | 镍 http://localhost:8589/CkeditorDem... 


自流 双 | 国 司 区 名 | 目 | 才 


BT Uacxzx Qi 


vw 图 x 图 | ## 


GdSP Ner 厅 时 开发 硕 百 化 秽 瑾 cfaprer03 


局 
GLSP Net 厄 时 开发 顶 曲 比 夫 一 cjaprer03 
E 


| 


最 本 地 Intranet 


和 ”~ 有 号 100% ~ 


图 3-23 CKeditor 效果 图 


CKeditor 不 同 于 TextBox, 在 CKeditor 获取 输入 内 容 需 要 使 用 Text 属性 。 
如 果 在 图 3-23 中 插 和 表情、 进行 样式 设置 等 ,那么 使 用 Text 属性 获取 到 的 CKeditor 


控件 中 的 值 ,内 容 如 下 所 示 。 


单元 3 ”使 用 控件 高 效 创建 网 站 页 面 


<hl > 
< span style= "font — family: times new roman, times, serif"> 
< span style= "font — size: 16px"><u>< em>< strong> G:\ASP. Net 网 站 开发 项 目 化 教程 
</strong></em></u>\chapter03 </span ></span> 
</hl > 
<p> 
< span style = "font - family: times new roman, times, serif">< span style = "font - size: 
16px">< img alt = "smiley" 
height = "20" src = "http://localhost:8589/CkeditorDemo/ckeditor/plugins/smiley/images/ 
regular smile.gif" 
title= "smiley" width= "20" /></span></span> 
</p> 


其 实 CKeditor 存储 的 是 一 段 HTML 文本 ,可 以 把 这 段 文本 直接 存 人 数据 库 或 从 数据 


库 读 取 后 显示 在 页 面 上 ,由 浏览 器 本 身 解析 这 些 图 片 .表格 .字体 等 。 
有 时 候 在 编辑 过 程 中 会 出 现 如 图 3-24 所 示 的 错误 。 


从 容 户 端 (ctl00$cphAdmin$tbxtDesc="... 自 实战 的 示例 和 习题 。<br> 对 C++ 其 
葬 转 ， 园 htp:/llocalhost7822/Web 辐 [ 国 [X | 百度 [2 
窄 收藏 杰 | 中 从 容 户 强 (ctl00$cphAdmin$btDesc... | | 


“/Web 应 用 程序 中 的 服务 器 错误 。 


人 雇 其 户 端 (ctl00$cphAdmins$txtDesc="... 自 委 部 扎 示 岗 和 也 启 .<br> NfC++ 考 
承 硒 仿 和 项 大 会 历 而 …) 四 巷 漠 到 育 洪 还 亡 磋 扩 Request.Form 俯 - 


说 明 : 请 求 验证 过 程 检测 到 有 潜在 危险 的 老 户 端 输入 值 ， 对 请 求 的 处 理 已 经 中 止 。 该 信 可 能 指示 存在 危及 应 用 程序 实 全 的 尝试 ， 如 跨 让 点 靶 
本 区 击 。 若 要 允许 页 面 重 写 应 用 程序 请 求 验证 设置 ,请 格 httpRuntime 配置 节 中 的 requestValdationMode 特性 设置 为 
requestValdationMode="2.0"。 示 例 : <httpRuntime requsstValdationMode=2.0r />。 设 慎 此 值 后 ,可 通过 在 Page 指令 或 <pages> 苇 性 厄 中 设置 
valdateRequest="false" 禁用 请 总 验证 。 但 是 ,在 这 和 情况 下 ， 强 列 术 议 应 用 程序 显 式 检查 所 有 输入 。 有 关 更 多 信息 , 请 参见 
hitpugo.microsoft convfwink/?Linkdd=153133, 


异常 详细 信息 : System Web HitpRequestValdalionExceplion_ 从 客户 编 (ct00ScphAdminStxtDesc=” 自 实战 的 示例 和 习题 ，<br 对 C** 共 本 要 
念 和 技术 全 面 而 “) 中 检 观 国 | 有 潜在 危 院 的 Request Form 值 。 


难 错 误 : 
[没有 相关 的 源 行 ] 


源 文 件 : cWWNDOWSWIicrosof NETIFrameworkiv4.0.30319\Temporary ASP NET Fies\web41135ebcWcb02535App_Web_jurmdyq.0.cs 行 : 0 二 


| . | | 
完成 蚁 本 地 Intranet 本 矶 100% - 


3-24 ”CKeditor 显示 的 错误 信息 


这 是 由 于 ASP.NET 自身 的 安全 机 制 引 起 的 , 它 屏蔽 了 提交 有 潜在 危险 的 表单 。 不 过 
该 错误 信息 也 有 解决 办 法 ,在 Page 指令 做 如 下 设置 就 可 以 了 : ValidateRequest 二 "false"。 


3. 日 期 输入 控件 
在 新 知 书店 图 书 详细 页 面 中 ,如 果 手 动 输入 出 版 日 期 , 易 出 现 格式 错误 ,其 用 户 体验 较 
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差 ,可 以 使 用 日 历 控 件 。 下 面 介 绍 两 种 常用 的 日 历 控 件 。 

1) Calendar 控件 

Calendar 控件 是 Visual Studio 自 带 的 控件 ,用 于 显示 一 个 可 选 的 日 历 。 该 控件 的 常用 
属性 和 事件 如 表 3-14 所 示 。 


表 3-14 Calendar 控件 的 常用 属性 和 事件 


属性 和 事件 说 明 
SelectedDate 设置 或 获取 选择 的 日 期 
属性 VisibleDate 当前 可 见 的 日 期 (默认 显示 月 份 ) 
TitleFormat 标题 格式 (* 某 月 ”或 “ 某 年 某 月 ”) 
事件 SelectionChanged 选择 某 日 期 后 的 事件 


日 历 控件 在 用 户 选 择 日 期 后 触发 SelectionChanged 事件 ,可 以 将 用 户 选择 的 日 期 赋 给 
需要 的 控件 。 

2) JS 版 日 历 

Calendar 控件 有 一 个 缺陷 ,就 是 每 次 日 历 的 显示 、 隐 茂 和 用 户 的 选择 都 会 造成 回 传 。 在 
Web 开发 中 ,特别 是 访问 量 大 的 站 点 开发 ,往往 特别 忌讳 这 些 事情 。 可 以 选择 第 三 方 JS 版 
的 日 历 控件 。 

JS 版 的 日 历 控件 有 多 种 ,它们 具有 页 面 无 刷新 .美观 等 优点 。 本 书 给 大 家 介绍 的 是 
My97DatePicker 日 历 控件 ,该 控件 可 以 从 官网 www. my97. net 免费 下 载 ,并 且 官 网 中 提供 
了 详细 的 使 用 说 明 ,这 里 仅 介 绍 基本 的 使 用 方法 。 

先 将 下 载 的 文件 复制 到 站 点 的 一 个 目录 中 ,这 里 放 在 根 目 录 下 的 My97DatePick 文件 
夹 中 ,使 用 时 首先 在 页 面 中 添加 如 下 代码 , 即 引 入 JS 文件 。 


< script language = "javascript" type = "text/javascript" 
Src = "../MY97DatePicker/ WdatePicker. js" > 
</script> 


然后 再 修改 输入 如 下 的 日 期 文本 框 代 码 。 


< form id = "forml”runat = "server"> 
<div> 
< asp: TextBox ID = "txtDate" runat = "server" onFocus = "WdatePicker ( )" > </asp: 
TextBox > 
</div> 
</form> 


加 粗 的 部 分 是 新 添加 的 代码 。 当 该 文本 框 获得 焦点 时 就 显示 出 日 历 控件 ,页 面 
My97DatePicker. aspx 运行 效果 如 图 3-25 所 示 。 


单元 3 ”使 用 控件 高 效 创建 网 站 页 面 


加 |Bhttp://ocalhost:11621j: 国 [jx] | 百度 | 区 


窗 收 藏 夹 有 乱 http://localhost:11621/jsDateDemo..， 


2014-02-12 


4 4 二 月 2014 上 


4 
前 
党 
中 


完 有 蚁 本 地 Intranet 种- 肥 100% ， 


图 3-25 My97DatePicker 的 样式 
人 .2 单元 任务 
2 


任务 3-2-1 设计 “新 知 书店 "用户 注 册页 面 


【任务 描述 】 

。 使 用 控件 设计 如 图 3-26 所 示 的 用 户 注 册页 面 。 

。 为 用 户 注册 页 面 添 加 验证 码 功 能 ,验证 码 输入 错误 给 出 提示 信息 。 

。 “已 经 有 账号 ,马上 登录 ”和 “这 里 "是 个 链接 ,链接 地 址 设 为 空 。 

【任务 实施 】 

(1) 创建 网 站 项 目 rw3-2-1 ,将 教学 资源 包 中 对 应 的 Css 及 image 文件 夹 复制 到 网 站 根 
目录 ,通过 右 击 网 站 项 目 ,创建 页 面 Register. aspx。 

(2) 在 页 面 Register. aspx 的 二 head runat 王 "server" 二 一 /head 二 标签 内 添加 以 下 代 
码 , 用 以 导入 样式 文件 member. css 及 设置 页 面 标题 。 


<title> 新 知 书店 - 最 方便 的 网 上 书店 </title> 
< link href = "Css/member. css" rel = "stylesheet" type= "text/css" /> 


(3) 切换 至 Register. aspx 页 面 设计 视图 ,如 图 3-26 所 示 , 从 工具 箱 拖 入 Label 标签 、 
TextBox、Button 控件 和 第 三 方 控 件 一 一 验证 码 控件 SerialNumber 至 页 面相 应 位 置 ,并 切 
换 至 源 视 图 ,调整 编写 代码 如 下 。 


< form id = "forml" runat = "server"> 
<div id= "action area" class = "member form"> 
<h2 class = "action type">< img src = "Images/register.gif" alt = "会 员 注 册 " /></h2> 
<p> 
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< label >< span>*</span> 用 户 名 </label> 
< asp:TextBox CssClass = "opt_input" ID = "txtLoginId" runat = "server"></asp:TextBox > 
</p> 
<p> 
< label >< span>*</span > 真实 姓名 </label> 
<asp:TextBox CssClass = "opt_input" ID = "txtName" runat = "server"></asp:TextBox> 
</p> 
<p> 
< label >< span>*</span> 密 & 并 160;&#160;&#160;&#160; 码 </label> 
<asp:TextBox CssClass = "opt input" ID = "txtLoginPwd" runat = "server" 
TextMode = "Password"></asp: TextBox ></p> 
<p> 
< label >< span > * </span > 确认 密码 </label > 
<asp:TextBox CssClass = "opt_input" ID= "txtPwdAgain" runat = "server" 
TextMode = "Password"></asp: TextBox > 
</p> 
<p> 
<label >< span>* </span> Email </label > 
<asp:TextBox CssClass = "opt_input" ID = "txtEmail" runat = "server"></asp:TextBox> 
</p> 
<p> 
< label >< span>*</span > 地 址 </label > 
< asp:TextBox CssClass = "opt_input" ID = "txtAddress" runat = "server"></asp:TExtBox > 
</p> 
<p> 
< label >< span>* </span > 手机 </label > 
<asp:TextBox CssClass = "opt_input" ID = "txtTele" runat = "server"></asp:TextBox> 
</p> 
<p> 
< label >< span > x </span > 验证 码 </label > 
< asp:TextBox CssClass = "opt_input" ID= "txtCode" runat = "server"></asp:TextBox > gnbsp; 
< ccl:SerialNumber ID = "snCode" runat = "server"></ccl:SerialNumber > 
< asp:Label ID = "lblMsg" runat = "server" Text = "Label" Visible = "false"></asp:Label > 
</p> 
<pclass= "form sub"> 
<asp:Button ID = "btnRegister" runat = "server" Text = "确定 了 ,马上 提交 " 
CssClass = "opt_sub"></asp:Button></p> 
<p class = "form_sub"> &nbsp; 加 < span>* </span > 的 为 必 填 项 目 </p> 
<p class= "form_sub"> 
<a href = "# "> 已 经 有 账号 ,马上 登录 </a><br /> 
如 果 你 已 经 有 "新 知 书店 "社区 账号 ,请 点 < a href = "javascript:alert( "书店 社区 暂 未 开通 '); "> 
这 里 </a> 登 录 升 级 
</p> 
</div> 
</form> 


(4) 编写 页 面 后 置 文件 Register. aspx. cs 中 实现 验证 码 的 生成 代码 如 下 。 


protected void Page_ Load(object sender, EventArgs e) 
{ 

if (!IsPostBack) 

t 


snCode. Create( ); 


protected bool CeckCode() 
i 
if (snCode. CheckSN(txtCode. Text. Trim( ))) 


return true; 


else 

上 
snCode. Create( ); 
return false; 


} 


单元 3 使 


控件 高 效 创建 网 站 页 面 


// 首 次 加 载 时 生成 验证 码 


// 判 断 验 证 码 输 入 是 否 正确 


// 如 果 验 证 码 输 入 不 正确 , 则 生成 新 的 验证 码 


(5) 运行 页 面 Register. aspx, 效 果 如 图 3-26 所 示 。 


新 知 书店 -最 方便 的 网 上 书店 - Windows Internet Explorer 


仿 辐 = 四 htp:/locaalhost3103 贺 圆 贱 由 | 记 百 度 
空 收藏 大 | 乱 新 知 书店 - 景 方便 的 网 上 书店 回 


人 


* 用 户 名 lom 


* 真 实 姓名 汤 旭 


* 密 码 


ee 


* 确 认 密码 


tom@163.com 


音义 市 北京 路 


13838384380 


* 验证 码 


[dcw04v 


确定 了 ,马上 提交 


加 * 的 鸭 必 填 项 目 


> 已 经 有 账号 ， 马 上 登录 


> 如 果 你 已 经 有 “新 知 书店 ”社区 贼 号 ， 请 点 这 里 登录 升级 EE 


对 本 地 Intranet 


三 ” 思 100% - 


3-26 


“新 知 书店 "用户 注册 页 面 
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任务 3-2-2 为 “新 知 书店 ”注册 页 面 添 加 回 车 自动 提交 功能 


【任务 描述 】 
在 任务 3-2-1 基础 上 添加 回 传 自动 提交 功能 ,具体 要 求 如 下 : 
。 当 用 户 输 入 验证 码 时 ,判断 用 户 按 下 的 键 ,如 果 用 户 按 下 的 是 Enter 键 , 则 给 出 “ 确 


定 全 部 提交 吗 ?” 的 提示 。 
。 出 现 提 示 后 ,如 果 用 户 单 击 “ 确 定 ” 按 钮 , 则 提交 表单 ,效果 如 图 3-27 所 示 。 
。 使 用 literal 控件 给 出 验证 码 输入 结果 的 提示 信息 。 
全 辐 到 htp:/hoalhost:4072 回 加 [5|[| |P 百度 [四 四 


人 宣 收 藏 玉 | 外 新 知 书店 景 方便 的 网 上 书店 


国 由 mi | 


用 户 名 
“真实 姓名 
密 码 
“确认 密码 来 自 网 页 的 消息 
se \3 。 奖 定 全 部 提 文 呈 ? 
* 地 址 
* 手 机 
* 验 : 所 Ee 
ER ms Q -EAA 
二 十 了 ,号 上 拓 交 
加 * 的 为 必 填 项 目 
> 已 经 育 账号 ， 马 EE 
> 加 果 你 已 经 有 “新 知 书店 “社区 账号 ， 请 点 这 里 登录 升级 | 
完成 司 太 地 Intranet 条- 100% “ 


图 3-27 新 知 书店 用 户 注册 页 的 回 车 自动 提交 功能 


【任务 实施 】 


(1) 创建 网 站 项 目 rw3-2-2。 由 于 是 在 上 一 个 任务 的 基础 上 来 完成 , 故 将 任务 3-2-1 目 
录 下 的 全 部 内 容 复 制 到 网 站 项 目 rw3-2-2 下 。 
(2) 当 页 面 加 载 时 向 验证 码 输 入 框 的 Attributes 属性 添加 onkeydown 事件 ,代码 如 下 。 


protected void Page Load(object sender, EventArgs e) 


// 其 他 代码 省 略 
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this. txtCode. Attributes. Add( "onkeydown", " return SubmitClick()"); 
} 


上 述 代 码 的 本 质 是 在 运行 时 给 控件 txtCode 添加 客户 端 事件 ,其 中 SubmitClick( ) 为 页 
面 Register. aspx 中 一 Script 一 块 中 的 事件 方法 ,代码 如 下 。 


< script type = "text/javascript" language = "javascript"> 
function SubmitClick() { 

if (event. keyCode == 13) { 

证 (!1confirm( "确定 全 部 提交 吗 ?")) { 
return false; 

} 
event. keyCode = 9; 
event. returnValue = false; 
document. getElementById( "btnRegister"). click(); // 响 应 "提交 "按钮 单 击 事件 
return true; 

} 


</script > 


这 段 代 码 使 用 event. keyCode 来 判断 用 户 的 键盘 操作 (13 即 表示 Enter 键 ) 。 
(3) 使 用 literal 控件 给 出 验证 码 输入 结果 的 提示 信息 ,代码 如 下 。 


protected void btnRegister Click(object sender, EventArgs e) 
{ 
证 (!CheckCode()) // 调 用 验证 方法 
/ * Page. ClientScript .RegisterClientScriptBlock(this. GetType (),"alert", 
"< script > alert( ' 验 证 码 错 误 !')</script >"); */ 
this. ltScript. Text = "验证 码 错 误 !1"; 
return; 
: 


else 
| 
/* Page.ClientScript.RegisterClientScriptBlock(this. GetType(), "alert", 
"< script > alert(' 验 证 码 正确 !')</script >"); */ 
this. ltScript. Text = "< sript > Alert( ' 验 证 码 正 确 !')</sript >"; 


; 


Literal 控件 是 一 个 简化 的 Label 控件 ,可 以 显示 文本 或 HTML 内 容 , 使 用 Literal 控件 
可 以 实现 以 编程 方式 设置 文本 而 不 需要 添加 任何 额外 的 HTML 标记 ,使 用 非常 简单 。 

注意 : 使 用 Response. write() 方 法 也 可 以 实现 以 编程 方式 设置 文本 ,但 由 于 Response. 
write() 方 法 是 在 执行 HTML 页 面 代 码 之 前 就 输出 执行 的 ,所 以 输出 的 脚本 在 页 面 的 顶部 
显示 ,从 而 破坏 了 页 面 布 局 。 

除了 可 以 使 用 Label 控件 在 相应 位 置 显示 提示 信息 外 ,还 可 以 用 以 下 代码 显示 “弹出 
式 ” 提 示 信 息 。 


Page. ClientScript. RegisterClientScriptBlock(this. GetTYpe()，"alert"，"< script > alert( ' 验 证 
码 正 确 !')</script >"); 
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我 们 不 去 具体 分 析 这 段 代 码 , 大 家 可 以 在 需要 的 时 候 调用 即 可 。 
(4) 运行 页 面 Register. aspx, 输 入 验证 码 , 按 Enter 键 ,并 且 在 图 3-27 提示 对 话 框 中 单 
击 “ 确 定 ” 按 钮 , 则 执行 “确定 了 ,马上 提交 ”按钮 单 击 事件 。 


任务 3-2-3 为 “新 知 书店 ”用 户 注 册页 面 添 加 验证 功能 


【任务 描述 】 

在 任务 3-2-2 的 基础 上 实现 “新 知 书店 ”用 户 注 册页 的 验证 功能 ,效果 如 图 3-28 所 示 , 具 
体 符合 以 下 要 求 。 

。 所 有 输入 文本 框 均 要 有 非 空 验证 ,如 果 为 空 给 出 “请 输入 xxx ”的 提示 。 

。“ 密 码 ” 和 “确认 密码 "要求 输入 一 致 ,不 一 致 给 出 “两 次 密码 不 一 致 ” 的 提示 。 

。“ 邮 件 ” 和 “手机 ”的 格式 要 求 输入 正确 ,其 中 “手机 ”要 求 输入 位 数 为 11 位。 

。 所 有 的 错误 信息 以 弹出 信息 框 的 方式 汇总 显示 。 

【任务 实施 】 

(1) 运行 Visual Studio 2010 ,新 建 网 站 项 目 rw3-2-3, 将 任务 3-2-2 中 的 所 有 文件 复制 
到 新 建 的 网 站 项 目 中 。 

(2) 从 工具 箱 中 拖 放 非 空 验证 控件 RequiredFieldValidator、CompareValidator、 
RegularExpressionValidator、ValidationSummary 至 页 面 Register. aspx 相应 文本 框 控件 对 
应 的 位 置 , 添 加 代码 如 下 。 


< form id = "forml" runat = "server"> 
<div id= "action area" class = "member form"> 
<h2 class = "action type">< img src = "Images/register. gif" alt = "会 员 注 册 " /></h2 > 
<p> 
< label >< span>* </span > 用 户 名 </label> 
< asp:TextBox CssClass = "opt_ input" ID = "txtLoginId" runat = " server" > </asp: 
TextBox > 
<asp:RequiredFieldValidator ID = "valrLoginId" runat = "server"” ErrorMessage = "请 输 
和 人 用户 名 " 
ControlToValidate = "txtLoginId"> * </asp:RequiredFieldValidator > 
</p> 
<p> 
< label >< span>x </span > 真实 姓名 </label > 
<asp:TextBox CssClass = "opt_input" ID = "txtName" runat = "server"></asp:TextBox > 
<asp:RequiredFieldValidator ID = "valrName" runat = "server" ErrorMessage = "请 输入 真 
实 姓名 " 
ControlToValidate = "txtName"> * </asp:RequiredFieldValidator > 5- 12 个 字符 或 数字 
</p> 
<p> 
< label >< span>x</span> 密 &#160;&#160;&#160;&#160; 码 </label> 
<asp:TextBox CssClass = "opt_input" ID = "txtLoginPwd"” runat = "server" 
TextMode = "Password"></asp: TextBox > 
< asp:RequiredFieldValidator ID = "valrPass"” runat = "server"” ErrorMessage = "请 输入 密码 " 
ControlToValidate = "txtLoginpwd"> * </asp:RequiredFieldValidator ></p> 
<p> 
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< label >< span>*</span> 确 认 密 码 </label > 
<asp:TextBox CssClass = "opt_ input" ID = "txtPwdAgain" runat = "server" 
TextMode = "Password"></asp: TextBox > 
< asp: CompareValidator ID = "valcPwd”runat = "server”ErrorMessage = "两 次 密码 不 一 致 " 
ControlToCompare = "txtLoginPwd” 
ControlToValidate = "txtPwdAgain"> * </asp:CompareValidator > 
</p> 
<p> 
<label >< span>* </span> Email </label > 
<asp:TextBox CssClass = "opt_input" ID = "txtEmail" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = " valrEmail"” runat = " server” ErrorMessage = "请 输入 
Enail" 
ControlToValidate = "txtEmail"> * </asp:RequiredFieldValidator > 
< asp: RegularExpressionValidator ID = "valeEmail" runat = "server" 
ErrorMessage = "Email 格式 错误 ” ControlToValidate = "txtEmail" 
ValidationExpression="\w+ ([ -+.']\w+)x@\Ww+([-.]\w+)*x*\.\w+ ([-.] 
\W+ ) ">x 
</asp: RegularExpressionValidator > 
</p> 
<p> 
< label >< span>*</span > 地址 </label > 
< asp:TextBox CssClass = "opt_input" ID = "txtAddress" runat = "server"></asp:TextBox > 
< asp:RequiredFieldValidator ID = "valrAddr"” runat = "server" ErrorMessage = "请 输入 地 址 " 
ControlToVal idate = "txtAddress"> * </asp:RequiredFieldValidator > 
</p> 
<p> 
< label >< span>* </span > 手机 </label > 
<asp:TextBox CssClass = "opt_input" ID = "txtTele" runat = "server"></asp:TextBox > 
< asp:RequiredFieldValidator ID = "valrTel" runat = "server" ErrorMessage = "请 输入 手机 号 " 
ControlToValidate = "txtTele"> * </asp:RequiredFieldValidator > 
< asp:RegularExpressionValidator ID = "RegularExpressionValidator1" runat = "server" 
ValidationExpression ="\d{11}" ControlToValidate = "txtTele" 
ErrorMessage = "手机 号 位 数 不 正 确 "> * </asp:RegularExpressionValidator > 
</p> 
<p> 
< label >< span> x* </span > 验证 码 </label > 
< asp: TextBox CssClass = "opt_input" ID= "txtCode" runat = "server"></asp:TextBox > gnbsp; 
< ccl:SerialNumber ID = "snCode" runat = "server"></ccl:SerialNumber > 
</p> 
< asp:ValidationSummary ID = "valsRegister”runat = " server"” ShowMessageBox = "True" 
ShowSummary = "False”/> 
<p class = "form_sub"> 
<asp:Button ID = "btnRegister" OnClick = "btnSubmit_Click" runat = "server" Text = " 确 
定 了 ,马上 提交 " 
CssClass = "opt_sub"></asp:Button></p> 
<p class = "form_sub"> &nbsp; 加 < span>*x </span> 的 为 必 填 项 目 </p> 
<p class = "form sub"> 
<a href =""> 已 经 有 账号 ,马上 登录 </a>< br /> 
如 果 你 已 经 有 "新 知 书店 "社区 账号 ,请 点 < a href = "javascript:alert( "书店 社区 暂 未 开通 ')); "> 
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这 里 </a> 登 录 升 级 </p> 


</div> 
</form> 


使 用 正则 表达 式 控件 RegularExpressionValidator 完成 “邮件 ”和 “手机 ”的 验证 ,手机 
位 数 验 证 的 正则 表达 式 为 “df{11}”,ValidationSummary 用 于 以 弹出 窗口 方式 汇总 所 有 错误 


报告 。 


提示 : 有 时 候 你 会 发 现 ValidationSummary 显示 错误 时 ,在 验证 控件 的 位 置 还 是 显示 
了 错误 提示 信息 。 这 时 用 户 可 以 设置 验证 控件 的 Text 属性 为 **”, 那 样 就 会 在 错误 信息 


提示 的 时 候 ,在 验证 控件 的 位 置 仅 显示 一 个 红色 的 “x 
属性 ,而 是 在 验证 控件 的 标签 中 写 “* 


”, 效 果 是 一 样 的 。 


”; 还 有 一 种 方式 ,就 是 不 设置 Text 


(3) 运行 页 面 Register. aspx, 在 文本 框 中 输入 相应 信息 , 当 手 机 号 码 只 输 了 10 位 ,效果 


如 图 3-28 所 示 。 


新 知 书店 -最 方便 的 网 上 书店 - Windows Internet Explorer 


Se- = | 加 http://localhost:1452 吕 加 [tr [x| | 百度 


御 新 知 书店 -最 方便 的 网 上 书店 


| 


“用 户 名 
* 真 实 姓名 
* 密 码 


站 用 户 注册 


[om 


属 时 5-12 个 字符 或 数字 组 成 ， 可 用 中 文 


* 确 认 窗 码 besese 


来 


ltom@163.com 
漳 义 市 北京 路 
1383838438 a 


加 * 的 为 必 填 项 目 


> 已 经 有 账号 ， 
> 如 果 你 已 经 有 3 " 社 | 


自 网 页 的 消息 


区 -多 wi 


确定 了 ,马上 提交 


区 账号 ， 请 点 这 里 登录 升级 


晤 本 地 Intranet 
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给 - 有 100% 
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若 手机 号 码 也 按 要 求 输入 正确 的 11 位 数字 . 则 不 会 有 如 图 3-28 所 示 的 弹出 式 错误 
提示 。 


3.3 项目 实 训 


设计 “博客 系统 ”的 会 员 注 册页 面 

【需求 说 明 】 

。 使 用 控件 设计 如 图 3-29 所 示 的 “博客 系统 "会 员 注册 页 面 。 

。 为 会 员 注 册页 面 添加 验证 码 功 能 ,验证 码 输入 错误 给 出 提示 信息 。 


注册 新 用 户 
注册 新 账户 方便 又 容易 


I 


图 3-29 “博客 系统 ”会 员 注册 页 面 效果 图 


6.4 单元 小 结 


本 单元 主要 介绍 了 运行 在 服务 器 端的 HTML 服务 器 控件 ,ASP.NET 控件 的 使 用 ( 控 
件 的 主要 属性 、 事 件 驱 动机 制 等 ), 使 用 其 设计 出 较 好 满足 交互 性 要 求 的 Web 页 面 ,使 读者 
理解 Web 窗 体 页 面 服务 器 控件 的 功能 以 及 与 传统 HTML 控件 的 区 别 。 还 重点 介绍 了 服务 
器 控件 一 一 数据 验证 控件 ,能 够 方便 地 完成 页 面 输入 数据 的 验证 功能 。 此 外 ,还 介绍 了 功能 
强大 的 文件 上 传 控件 及 非常 实用 的 验证 码 、 富 文本 控件 等 第 三 方 控件 。ASP.NET 控件 中 
的 控件 知识 体系 如 图 3-30 所 示 ( 剖 表示 没有 详细 介绍 ,读者 可 以 查阅 相关 资料 了 解 更 多 
信息 ,下 同 ) 。 
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HTML 控 件 章 HTML 事 件 (onblur、onfocus、onchange 等 ) 


HTML 服 务 器 控件 已 / 语 HTML 事 件 (onblur、onfocus、onchange 等 ) 


基本 控件 (Label、Button、TextBox 等 ) 


验证 控件 
*Web 控 件 SiteMal 
pPath 
Web 服 务 器 控件 二 
导航 控件 CE) 加 Treeview 
ASP.NET 中 的 控件 靖 Menu 


其 他 服务 器 控件 (FileUpload 等 ) 


回 传 事件 与 非 回 传 事件 
控件 事件 “=- 回 AutopostBack 必 性 
事 性 参数 


验证 码 控件 
第 三 方 控件 品 | 回 富 文 本 控件 CKeditor 
J5 日 历 控件 


图 3-30 ASP.NET 中 的 控件 知识 体系 


6.5 单元 练习 题 


一 、 选 择 题 

1. 在 Web 窗 体 中 ,放置 一 个 HTML 控件 ,采用 下 列 ( ) 方 法 变 为 HTML 服务 器 
控件 。 

A. 添加 runat 二 "server" 和 设置 Attribute 属性 

B. 添加 id 属性 和 Attribute 属性 

C. 添加 runat= "server" 和 设置 id 属性 

D. 添加 runat= "server" 和 设置 Value 属性 

2. 要 把 一 个 TextBox 设置 成 密码 输入 框 ,应 该 设置 ) 属 性 。 

A. Columns B. Rows C. Text D. TextMode 

3. 下 面 ( ) 控 件 不 包含 ImageUrl 属性 。 

A. HyperLink B. Image C. ImageButton  D. LinkButton 

4. AlternateText 属性 是 ( ) 控 件 特有 的 属性 。 

A. HyperLink B. Image C. ListBox D. LinkButton 


5. 添加 一 个 服务 器 CheckBox 控件 , 单 击 该 控件 不 能 生成 一 个 回 传 ,如 何 做 才能 让 


CheckBox 的 事件 导致 页 面 被 提交 ? (。 ) 
A. 设置 IE 浏览 器 可 以 运行 脚本 B.AutoPostBack 属性 设置 为 true 
C. AutoPostBack 属性 设置 为 false D. 为 CheckBox 添加 Click 事件 
6. 如 果 和 希望 控件 的 内 容 变 化 后 ,立即 回 传 页 面 ,需要 在 控件 中 添加 ( ) 属 性 。 
A. AutoPostBack= "true" B. AutoPostBack= "false" 


上 和 只 让 风 人 


须 输入 
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.IsPostBack= "true" D. IsPostBack = "false" 
在 下 面 的 控件 中 ,( ”) 可 以 将 其 他 控件 包含 在 其 中 ,所 以 它 常 常用 来 包含 一 组 控件 。 
Calendar B. Button C. Panel D. DropDownList 
下 面 对 服 务 器 验证 控件 说 法 正确 的 是 ( 和 
. 可 以 在 客户 端 直接 验证 用 户 输入 ,并 显示 出 错 消 息 
服务 器 验证 控件 种 类 丰富 ,共有 十 种 之 多 
.服务 器 验证 控件 只 能 在 服务 器 端 使 用 
各 种 验证 控件 不 具有 共性 ,各 自 完成 功能 
用 户 登 录 界面 中 要 求 用户 必 须 填写 用 户 名 和 密码 ,才能 提交 ,应 使 用 ( ) 控 件 。 
. RequiredFieldValidator B. RangeValidator 
. CustomValidator D. CompareValidator 


0. 在 一 个 注册 界面 中 ,包含 用 户 名 、 密 码 、 身 份 证 三 项 注册 信息 ,并 为 每 个 控件 设置 了 必 


的 验证 控件 。 但 为 了 测试 的 需要 ,要 和 暂时 取消 该 页 面 的 验证 功能 ,该 如 何 做 ? (  ) 


A. 将 提交 按钮 的 CausesValidation 属性 设置 为 true 


B. 
人 
D. 
11 


将 提交 按钮 的 CausesValidation 属性 设置 为 false 
将 相关 的 验证 控件 属性 ControlToValidate 设置 为 true 
将 相关 的 验证 控件 属性 ControlToValidate 设置 为 false 
. 现 有 一 课程 成 绩 输 入 框 ,成 绩 范 围 为 0 一 100, 这 里 最 好 使 用 ( ) 验 证 控件 。 


A. RequiredFieldValidator B. CompareValidator 


C. 


RangeValidator D. RegularExpressionValidator 


12. 如 果 需 要 确保 用 户 输 入 大 于 30 的 值 ,应 该 使 用 ( ) 验 证 控件 。 
A. RequiredFieldValidator B. CompareValidator 


人 
13， 
说 法 正 


A. 


B. 
C. 
D. 


14. 
A. 
.控件 可 以 添加 客户 端 验 证 方法 和 服务 器 端 验证 方法 
.ClientValidationFunction 属性 指定 客户 端 验证 方法 
.runat 属性 用 来 指定 服务 器 端 验证 方法 


区 


RangeValidator D. RegularExpressionValidator 
.RegularExpressionValidator 控件 中 可 以 加 入 正则 表达 式 ,下面 选项 对 正则 表达 式 
确 的 是 ( 。  ”)。 

". "表示 任意 数字 

"x* "表示 和 其 他 表达 式 一 起 ,表示 任意 组 合 
"\d" 表 示 任 意 字 符 

"[A-Zj" 表 示 A 一 2Z 顺序 的 大 写字 母 

下 面 对 CustomValidator 控件 说 法 错误 的 是 ( Ns 
控件 允许 用 户 根 据 程序 设计 需要 自 定义 控件 的 验证 方法 


. 使 用 ValidationSummary 控件 时 需要 以 对 话 框 的 形式 来 显示 错误 信息 ,需要 设置 
) 属 性 。 
. 设置 ShowSummary 为 true B. 设置 ShowMessage 为 true 
. 设置 ShowMessage 为 false D. 设置 ShowSummary 为 false 


. 创建 一 个 Web 窗 体 , 其 中 包括 多 个 控件 ,并 添加 了 验证 控件 进行 输入 验证 ,同时 禁 
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止 所 有 客户 端 验 证 。 当 单 击 按钮 提交 窗 体 时 ,为 了 确保 只 有 当 用 户 输入 的 数据 完全 通过 验 
证 时 才 执 行 代码 处 理 , 需 如 何 处 理 ? 〈 ) 

A. 在 Button 控件 的 Click 事件 处 理 程序 中 ,测试 Page. IsValid 属性 ,如 果 该 属性 为 

true 则 执行 代码 

B. 在 页 面 的 Page_Load 事件 处 理 程序 中 ,测试 Page. IsValid 属性 ,如 果 该 属性 为 true 

则 执行 代码 

C. 在 Page_Load 事件 处 理 程序 中 调用 Page 的 Validate 方法 

D. 为 所 有 的 验证 控件 添加 runat 一 "server" 

二 、 填空 题 

1，RadioButtonList 服务 器 控件 的 属性 决定 单 选 按钮 是 水 平 还 是 垂直 方式 显 
示 ， 属性 可 以 获取 或 设置 在 RadioButtonList 控件 中 显示 的 列 数 。 

2. 使 用 控件 可 以 在 页 面 上 显示 一 个 日 历 。 

3. 如 果 和 希望 将 特定 的 输入 控件 与 男 一 个 输入 控件 相 比 较 ,需要 使 用 验证 
控件 。 

4. RangeValidator 控件 中 ,通过 属性 指定 要 验证 的 输入 控件 ; MinimumValue 属 
性 指定 有 效 范围 的 最 小 值 ; 属性 指定 有 效 范围 的 最 大 值 ; Type 属性 用 于 指定 要 比 
较 的 值 的 数据 类 型 。 

5. 验证 6 位 数字 的 正则 表达 式 是 。 

6. 通过 控件 验证 用 户 是 否 在 文本 框 中 输入 了 数据 ; 通过 CompareValidator 
控件 将 输入 控件 的 值 与 常数 值 或 其 他 输入 控件 的 值 相 比较 ,以 确定 这 两 个 值 是 否 与 比较 运 
算 符 (小 于 .等 于 大于) 指定 的 关系 相 匹 配 ; 通过 控件 可 以 自 定 义 验证 规则 ; 

控件 用 于 罗列 网 页 上 所 有 验证 控件 的 错误 消息 。 

三 、 问 答题 

1，Button 、LinkButton 和 ImageButton 控件 有 什么 共同 点 ? 

2. 比较 ListBox 和 DropDownList 控件 的 相同 点 和 不 同 点 。 

3. 验证 控件 有 几 种 类 型 ? 分 别 写 出 它们 的 名 称 。 

4. 验证 控件 的 ErrorMessage 和 Text 都 可 以 设置 验证 失败 时 显示 的 错误 信息 ,两 者 有 


什么 不 同 ? 
5. 在 使 用 RangeValidator 控件 或 CompareValidator 控件 时 ,如 果 相 应 的 输入 框 中 没 
有 输入 内 容 , 验 证 是 否 能 够 通过 ? 


6. 什么 是 第 三 方 控件 ? 列举 出 三 个 常用 的 第 三 方 控件 并 分 别 简 述 它们 的 作用 。 


教学 目标 : 

四 会 获取 客户 端 数据 与 跨 页 传递 数据 。 

日 掌握 Request、Response、Session、Application、Server 和 Cookie 等 对 象 的 作用 、 常 用 
属性 和 方法 。 

掌握 多 种 页 面 跳 转 的 实现 方法 与 数据 编码 。 

会 应 用 Application 对 象 .Session 对 象 和 全 局 应 用 程序 类 。 

会 应 用 Application 对 象 .Session 对 象 和 Cookie 对 象 。 

熟悉 Page 对 象 和 @Page 指令 ,了 解 Page 对 象 的 生命 周期 和 常规 Web 页 面 生命 周 
期 阶段 。 


.1 知识 准备 


4.1.1 ASP.NET 对 象 概述 及 属性 方法 事件 


所 谓 对 象 (Object) ,可 以 泛 指 日 常生 活 中 看 到 的 和 看 不 到 的 一 切 事物 ,在 程序 设计 中 可 
以 用 一 种 仿真 的 方式 来 表示 对 象 ,一 般 的 对 象 都 有 一 些 静态 的 特征 ,如 对 象 的 外 观 . 大 小 等 ， 
这 在 面向 对 象 程序 (OOP) 中 就 是 对 象 的 属性 (attribute) ,一 般 的 对 象 如 果 是 有 生命 、 可 以 动 
作 的 ,在 面向 对 象 程序 中 就 是 对 象 的 方法 (method) ,所 以 在 面向 对 象 程序 的 概念 中 ,对 象 有 
两 个 重点 : 一 个 是 “属性 ”, 另 一 个 是 “方法 ”。 

一 般 而 言 , 对 象 的 定义 就 是 每 个 对 象 都 具有 不 同 的 功能 与 特征 ,不同 对 象 属于 不 同 的 类 
(Class) ,类 定义 了 对 象 的 属性 、 方 法 和 事件 等 特征 ,没有 类 就 没有 对 象 。 

。 属性 代表 对 象 的 状态 .数据 和 设置 值 。 属 性 的 设置 语法 如 下 : 


对 象 名 .属性 名 = 语句 (一 般 又 叫 属 性 值 ) 
。 方法 可 以 执行 动作 。 方 法 的 调用 语法 如 下 : 
对 象 名 .方法 (参数 ) 


*。 事件 的 概念 的 概念 比较 抽象 ,通常 是 一 个 执行 的 动作 ,也 就 是 对 象 所 认识 的 动作 , 寻 
件 的 执行 由 对 象 触发 。 
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ASP.NET 中 的 Page、Response、Request 等 对 象 ( 见 表 4-1) ,由 .NET Framework 中 封 
装 好 的 类 来 实现 ,并 且 由 于 这 些 对 象 在 ASP.NET 页 面 初始 化 请 求 时 自动 创建 ,所 以 能 在 程 
序 中 的 任何 地 方 直接 调用 ,而 无 须 对 类 进行 实例 化 操作 。 
表 4-1 ASP.NET 常用 内 部 对 象 简要 说 明 


对 象 功 能 
Page 页 面 对 象 ,用 于 整个 页 面 的 操作 
Request 提供 对 当前 页 请 求 的 访问 ,其 中 包括 请 求 标 题 \.Cookie、 客 户 端 证 书 、 查 询 字 符 串 等 ,可 以 
用 它 来 读 取 浏览 器 已 经 发 送 的 内 容 


Response 提供 对 输出 流 的 控制 ,如 可 以 向 浏览 器 输出 信息 .Cookie 等 

Session 为 当前 用 户 会 话 提供 信息 。 还 提供 对 可 用 于 存储 信息 的 会 话 范围 的 缓存 的 访问 以 及 控制 
如 何 管理 会 话 的 方法 

Application ”提供 对 所 有 会 话 的 应 用 程序 范围 的 方法 和 事件 的 访问 ,还 提供 对 可 用 于 存储 信息 的 应 用 
程序 范围 的 缓存 的 访问 

Server 提供 用 于 在 页 之 间 传 输 控件 的 实用 方法 ,获取 有 关 最 新 错误 的 信息 ,对 HTML 文本 进行 
编码 和 解码 ,获取 服务 器 信息 等 

Cookie 用 于 保存 Cookie 信息 


下 面 将 分 别 介绍 这 些 对 象 的 常用 属性 及 方法 。 
4.1.2 ”Page 对 象 
1. 页 面 对 象 (Page 对 象 ) 生 命 周期 


我 们 项 目 中 的 所 有 Web 页 面 都 继承 于 System. Web. UT. Page 类 ,Web 页 面 运行 时 ,将 
经 历 一 个 生命 周期 ,在 生命 周期 中 将 执行 一 系列 处 理 步骤 。 这 些 步骤 包括 初始 化 、 实 例 化 控 
件 . 还 原 和 维护 状态 .运行 事件 处 理 程序 代码 以 及 进行 呈现 。 了 解 页 生命 周期 非常 重要 , 因 
为 这 样 做 就 能 在 生命 周期 的 合适 阶段 编写 代码 ,以 达到 预期 效果 。 页 面 生命 周期 阶段 如 
表 4-2 所 示 。 
表 4-2 常规 页 生命 周期 阶段 


阶段 说 有 明 


页 请 求 页 请 求 发 生 在 页 生命 周期 开始 之 前 。 用 户 请 求 页 时 ,ASP.NET 将 确定 是 否 需要 分 析 
和 编译 页 (从 而 开始 页 的 生命 周期 ) ,或 者 是 否 可 以 在 不 运行 页 的 情况 下 发 送 页 的 组 
存 版 本 以 进行 响应 

开始 在 开始 阶段 ,将 设置 页 属性 ,如 Request 和 Response。 在 此 阶段 ,页 还 将 确定 请 求 是 
回 传 请 求 还 是 新 请 求 , 并 设置 IsPostBack 属性 。 此 外 ,在 开始 阶段 ,还 将 设置 页 的 
UICulture 属性 

页 初始 化 页 初始 化 期 间 , 可 以 使 用 页 中 的 控件 ,并 将 设置 每 个 控件 的 UniqueID 属性 。 此 外 , 任 
何 主题 都 将 应 用 于 页 。 如 果 当 前 请 求 是 回 传 请 求 , 则 回 传 数 据 尚 未 加 载 ,并 且 控 件 属 
性 值 尚 未 还 原 为 视图 状态 中 的 值 

加 载 加 载 期 间 , 如 果 当 前 请 求 是 回 传 请 求 , 则 将 使 用 从 视图 状态 和 控件 状态 恢复 的 信息 加 
载 控件 属性 
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阶段 说 明 

回 传 事件 处 理 ”如 果 请 求 是 回 传 请 求 , 则 将 调用 控件 事件 处 理 程序 。 之 后 ,将 调用 所 有 验证 程序 控件 
的 Validate 方法 ,此 方法 将 设置 各 个 验证 程序 控件 和 页 的 IsValid 属性 

呈现 在 呈现 之 前 ,会 针对 该 页 和 所 有 控件 保存 视图 状态 。 在 呈现 阶段 中 ,页 会 针对 每 个 控 
件 调用 Render 方法 , 它 会 提供 一 个 文本 编写 器 ,用 于 将 控件 的 输出 写 人 页 的 
Response 属性 的 OutputStream 中 

印 载 完全 呈现 页 并 已 将 页 发 送 至 客户 端 ,准备 丢弃 该 页 时 ,将 调用 印 载 。 此 时 ,将 印 载 页 
属性 (如 Response 和 Request) 并 执行 清理 


2. Page 类 的 主要 属性 、 方 法 和 事件 


Page 类 与 扩展 名 为 . aspx 的 文件 相关 联 , 这 些 文 件 在 运行 时 被 编译 为 Page 对 象 ,并 被 
缓存 在 服务 器 内 存 中 。Page 类 的 常见 属性 和 方法 如 表 4-3 所 示 。 
表 4-3 Page 类 的 重要 属性 和 方法 


属性 和 方法 说 明 
Application 为 当前 Web 请 求 获取 HttpApplicationState 对 象 
Buffer 基础 结构 。 设 置 指示 是 否 对 页 输出 进行 缓冲 处 理 的 值 
IsPostBack 获取 一 个 值 ,该 值 指示 页 面 是 首次 加 载 和 访问 ,还 是 为 了 响应 客户 端 回 传 而 加 载 
IsValid 获取 一 个 值 ,该 值 指示 页 验证 是 否 成 功 
Request 获取 请 求 的 页 的 HttpRequest 对 象 
Response 获取 与 该 Page 对 象 关 联 的 HttpResponse 对 象 。 该 对 象 使 你 得 以 将 HTTP 响应 数 
据 发 送 到 客户 端 ,并 包含 有 关 该 响应 的 信息 
Server 获取 Server 对 象 , 它 是 HttpServerUftility 类 的 实例 
Session 获取 ASP.NET 提供 的 当前 Session 对 象 


Validators 获取 请 求 的 页 上 包含 的 全 部 验证 控件 的 集合 
ViewState 获取 状态 信息 的 字典 ,这 些 信 息 使 你 可 以 在 同一 页 的 多 个 请 求 间 保存 和 还 原 服务 器 


控件 的 视图 状态 
DataBind() 将 数据 源 绑 定 到 被 调用 的 服务 器 控件 及 其 所 有 子 控件 
Dispose() 使 服务 器 控件 得 以 在 从 内 存 中 释放 之 前 执行 最 后 的 清理 操作 


Page 类 中 很 多 属性 是 对 象 的 引用 ,比如 表 4-3 中 的 Request、Response、Application 和 
Session 等 属性 ,这 样 在 页 面 中 可 以 直接 对 这 些 对 象 进行 访问 ,而 无 须 通 过 Page 对 象 。 比 如 
下 面 两 行 代码 的 作用 是 一 样 的 。 


Page. Response. Redirect("Default. aspx" ); 
Response. Redirect ("Default. aspx" ); 


上 述 代码 第 1 行 通过 Page 对 象 的 Response 属性 得 到 Response 对 象 的 引用 ,第 2 行 直 
接 通过 Response 对 象 名 对 Response 对 象 进 行 引 用 。 
Page 类 除了 属性 和 方法 之 外 ,还 有 8 个 常见 的 事件 ,如 表 4-4 所 示 。 
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表 4-4 Page 类 的 主要 事件 


事件 名 称 说 明 
PreInit 在 页 初始 化 开始 时 发 生 ,是 页 面 执行 时 第 一 个 被 触发 的 事件 
PreLoad 在 页 面 Load 事件 之 前 发 生 , 即 在 信息 被 写 人 到 客户 端 前 触发 此 事件 
Load 当 服 务 器 控件 (网 页 ) 加 载 到 Page 对 象 中 时 触发 
Init 当 服 务 器 控件 (网 页 ) 初 始 化 时 发 生 ; 初始 化 是 控件 生存 期 的 第 一 步 
PreRender 在 信息 被 写 人 到 客户 端 前 会 触发 此 事件 
Unload 当 网 页 从 内 存 中 外 载 时 , 即 信息 被 写 人 到 客户 端 后 触发 此 事件 
InitComplete 在 页 初始 化 完成 时 发 生 
LoadComplete 在 页 生命 周期 的 加 载 阶段 结束 时 发 生 


表 4-4 中 Page 对 象 的 事件 贯彻 于 页 面 执行 的 整个 过 程 。 在 每 个 阶段 ,ASP.NET 都 触 
发 了 可 以 在 代码 中 处 理 的 事件 ,对 于 大 多 数 情况 ,只 需 关 心 Page_Load 事件 , 即 : Page_ 
Load(object sender，EventArgs e) 。 该 事件 的 两 个 参数 是 由 ASP.NET 定义 的 ,第 1 个 参 
数 定义 了 产生 事件 的 对 象 ,第 2 个 参数 是 传递 给 事件 的 详细 信息 。 每 次 触发 服务 器 控件 时 ， 
页 面 都 会 去 执行 一 次 Page_Load 事件 ,说 明 页 面 被 加 载 了 一 次 ,这 个 技术 称 为 回 传 ( 或 者 称 
为 回 送 ) 技 术 , 是 ASP.NET 最 为 重要 的 特征 之 一 。 

在 ASP.NET 中 , 当 客 户 端 触发 了 一 个 事件 , 它 不 是 在 客户 端 浏 览 器 上 对 事件 进行 处 
理 ,而 是 把 该 事件 的 信息 传送 回 服务 器 进行 处 理 。 服 务 器 在 接收 到 这 些 信息 后 ,会 重新 加 载 
Page 对 象 , 然 后 处 理 该 事件 ,所 以 Page_Load 事件 被 再 次 触发 。 

IsPostBack 属性 表示 页 面 是 否 被 首次 加 载 和 访问 。 当 IsPostBack 为 true, 表 示 该 请 
求 是 为 响应 客户 端 回 传 而 加 载 ; 当 IsPostBack 为 false, 表示 该 页 是 被 首次 加 载 和 访 
问 。 如 : 


protected void Page Load(object sender, EventArgs e) 
{ 

if (!IsPostBack) 

Response. Write(" 页 面 首次 加 载 !"); 

. 

else 

{ 

Response. Write( "页面 响应 客户 端 回 传 而 加 载 !"); 

} 


注意 : 由 于 Page_Load 事件 在 每 次 页 面 加 载 时 运行 ,因此 其 中 的 代码 即使 在 回 传 的 情 
况 下 也 会 被 运行 ,这 时 Page 的 IsPostBack 属性 就 可 以 用 来 解决 这 个 问题 ,因为 这 个 属性 是 
用 来 识别 Page 对 象 是 否 处 于 一 个 回 传 的 状态 下 ,也 就 弄 清楚 是 请 求 页 面 的 一 个 实例 ,还 是 
请 求 回 传 的 原来 的 页 面 。 可 以 在 Page 类 的 Page_Load 事件 中 使 用 该 属性 ,以 便 数 据 访问 
代码 只 在 首次 加 载 页 面 时 运行 ,具体 使 用 会 在 任务 4-2-1 中 进行 展示 。 
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4.1.3 ”Request 对 象 


1. Request 对 象 简介 


Request 对 象 派 生 自 HttpRequest 类 ,是 HttpRequest 类 的 一 个 实例 ,是 Page 类 的 成 
员 。 它 能 够 读 取 客户 端 在 Web 请 求 期 间 发 送 的 HTTP 值 , 包 括 从 HTML 表单 中 用 Post 
或 者 Get 方法 传递 的 参数 .Cookie 和 用 户 认 证 。 在 程序 中 无 须 做 任何 声明 即 可 直接 使 用 。 
它 与 后 边 要 讲解 的 Response 对 象 一 起 使 用 ,达到 沟通 客户 端 与 服务 器 端的 作用 ,使 它们 之 
间 可 以 简单 地 交换 数据 ,由 此 可 见 该 对 象 的 重要 性 。Request 对 象 最 大 的 用 途 在 于 可 以 接 
收 客户 端 通过 表单 提交 或 URL 地 址 串 发 送 过 来 的 信息 ,同时 ,也 可 以 获取 页 面 间 传 递 的 
值 ,客户 端 浏览 器 的 信息 ,客户 端的 IP 地址 以 及 当前 页 面 的 路 径 等 环境 变量 。 总 而 言 之 ,所 
有 从 前 端 浏览 器 通过 HTTP 协议 送 往 后 端 Web 服务 器 的 数据 ,都 是 借助 Request 对 象 完 


成 的 。 其 使 用 语法 格式 如 下 : 


Request . [属性 | 方法 ] [变量 或 字符 串 ] 


例如 : 


Request. QueryString[ “user_name” ] 


2. Request 对 象 的 属性 和 方法 
要 掌握 Request 对 象 的 使 用 ,必须 了 解 它 的 常用 属性 和 方法 。Request 对 象 的 常用 属 


性 和 方法 如 表 4-5 所 示 。 


表 4-5 Request 对 象 的 常用 属性 和 方法 


属性 和 方法 说 明 
ApplicationPath 属性 获取 目前 正在 执行 程序 的 服务 器 的 虚拟 根 路 径 
Browser 属性 获取 有 关 正 在 请 求 的 客户 端的 浏览 器 功能 的 信息 
Cookie 属性 获取 客户 端 发 送 的 Cookie 集合 
FilePath 属性 获取 当前 请 求 的 虚拟 路 径 
Files 属性 获取 客户 端 上 传 的 文件 集合 
Form 属性 获取 窗 体 变 量 集合 
Item 属性 获取 Cookie、Form、QueryString、ServerVariables 集合 中 指定 的 对 象 
Path 属性 获取 当前 请 求 的 虚拟 路 径 
PhysicalPath 属性 获取 当前 请 求 网 页 在 服务 器 端的 物理 路 径 
QueryString 属性 获取 HTTP 查询 字符 串 变 量 集合 
ServerVariables 属性 获取 Web 服务 器 变量 的 集合 
Url 属性 获取 有 关 目 前 请 求 的 URL 信息 
UserHostAddress 属性 获取 远方 客户 端 机 器 的 主机 IP 地 址 
MapPath 方法 映射 指定 的 虚拟 路 径 到 物理 路 径 
SaveAs 方 法 保持 HTTP 请 求 到 硬盘 


BinaryRead 方法 


以 二 进 制 方式 读 取 指定 字 节 的 输入 流 
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虽然 Request 对 象 的 属性 很 多 ,但 常用 的 只 有 QueryString、 Path、Browser、 
UserHostAddress 等 。 

1) 利用 QueryString 集合 传递 参数 

QueryString 属性 可 以 获取 标识 在 URL 后 面 的 所 有 返回 的 变量 及 其 值 。 在 超 链 接 中 ， 
常常 需要 从 一 个 页 面 跳 转 到 另 一 个 页 面 , 跳 转 的 页 面 需要 获取 HTTP 的 值 来 进行 相应 的 操 
作 , 此 时 ,可 以 在 服务 器 端 通过 Request 对 象 的 QueryString 属性 来 获取 HTTP 查询 字符 串 
变量 集合 。 

通常 在 以 下 3 种 情况 下 使 用 QueryString 集合 : 

(1) 当 用 户 将 表单 中 数据 提交 给 服务 器 时 , 若 将 表单 的 method 属性 设置 为 get, 则 可 通 
过 QueryString 集合 来 获取 客户 端 所 传 来 的 信息 (get 方法 一 般 只 能 传递 256B 的 数据 ,而 
post 方法 可 以 达到 2MB)。 例 如 ,获取 变量 txtName 和 txtSex 所 提交 的 值 的 代码 应 为 : 


Labell. Text = Request.QueryString ["txtName"]; 
Label2. Text = Request.QueryString ["txtSex"]; 


(2) 使 用 A 标记 创建 超 文本 链接 时 ,可 以 将 查询 字符 串 放 在 URL 后 面 ,并 使 用 问号 
“?” 来 分 隔 URL 与 查询 字符 串 。 例 如 , 单 击 下 面 的 超 链接 文本 时 ,将 发 送 一 个 名 为 
UserName 的 变量 ,其 值 为 "Tom", 可 以 通过 QueryString 集合 检索 查询 字符 串 中 变量 
的 值 。 


<a href = "Default.aspx?UserName = Tom"> 单 击 这 里 </a> 
也 可 以 通过 查询 字符 串 发 送 多 个 变量 ,此 时 要 使 用 “&” 符 号 分 隔 各 个 变量 ,如 : 
<a href = "default.aspx?UserName = Tom&UserAge = 19"> 单 击 这 里 </a> 


(3) 在 浏览 器 地 址 栏 中 输入 请 求 网 页 的 URL 时 ,可 以 在 URL 后 面 输入 问号 “?” 和 查询 
字符 串 , 可 以 通过 QueryString 集合 检索 查询 字符 串 中 变量 的 值 。 如 , 当 客 户 端 送出 如 下 请 
求 时 ,QueryString 将 会 得 到 Id 和 name 两 个 变量 的 值 : 


REED /ShowPage. aspx?Id = 2SName = Zhangsan 
引用 上 述 两 个 变量 的 值 ,可 以 使 用 如 下 方法 : 


Id = Request. QueryString[ "Id"]; 
Name = Request. QueryString["Name"]; 


结果 为 4 二 "2",Name 二 " Zhangsan" ,接收 到 的 数据 类 型 为 字符 串 型 。 

注意 : 问号 ? 后 面 可 以 有 多 个 变量 参数 ,参数 之 间 用 区 连接 。 

2) 利用 Form 集合 接收 表单 数据 

用 来 获取 客户 端 通过 post 方式 提交 的 数据 , 相 比 在 客户 端 用 get 方式 传送 ,post 方式 
传送 的 值 在 地 址 栏 中 看 不 到 ,安全 性 较 高 ,但 效率 较 低 ,可 以 传送 的 数据 大 小 没有 限制 ,示例 
代码 如 下 : 
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Request. Form[ "txtName"] 


表示 获取 表单 中 名 为 txtName 控件 的 值 。 

3) 使 用 UserHostAddress 属性 

通过 使 用 UserHostAddress 的 方法 ,可 以 获取 远程 客户 端 IP 主机 的 地 址 ,示例 代码 
如 下 : 


Request. UserHostAddress; 


在 客户 端 主机 IP 统计 和 判断 中 ,可 以 使 用 Request. UserHostAddress; 进 行 IP 统计 和 
判断 ,在 有 些 系 统 中 ,需要 对 来 访 的 IP 进行 筛选 ,使 用 Request. UserHostAddress; 就 能 够 
轻松 地 判断 用 户 IP 并 进行 筛选 操作 。 


4.1.4 Response 对 象 
1. Response 对 象 简介 


Response 对 象 由 System. Web. HttpResponse 类 实现 ,封装 了 Web 服务 器 对 客户 端 请 
求 的 响应 , 它 用 来 操作 HTTP 相应 的 信息 ,负责 将 数据 从 服务 器 发 送 回 浏览 器 。 它 允许 将 
数据 作为 请 求 的 结果 发 送 到 客户 浏览 器 中 ,并 提供 有 关 响 应 的 信息 。 它 可 用 来 在 页 面 中 输 
入 数据、 在 页 面 中 跳 转 ,还 可 以 传递 各 个 页 面 的 参数 。 


2. Response 对 象 的 属性 和 方法 


Response 对 象 的 常用 属性 和 方法 如 表 4-6 所 示 。 
表 4-6 Response 对象 的 常用 属性 和 方法 


属性 和 方法 说 明 

BufferOutput 属性 获得 或 设置 一 个 值 ,该 值 指示 是 否 缓冲 输出 ,并 在 完成 处 理 整 个 响应 之 后 将 其 
发 送 

Charset 属性 获取 或 设置 输出 流 ( 文 件 ) 的 HTTP 字符 集 

ContentType 属性 指定 送出 文件 的 MIME 类 型 。 默 认 文 件 类 型 为 “text/HTML”, 还 有 “text/ 
GIF” “text/JPEG” 

Cookie 属性 获得 响应 的 Cookie 集 合 

Write 方 法 用 于 将 信息 写 人 HTTP 响应 输出 流 , 输 出 到 客户 端 显 示 

WriteFile 方法 将 页 面 以 文件 流 的 方式 输出 到 客户 端 , 常 与 Response 对 象 的 ContentType 属性 
一 起 使 用 

Clear 方法 将 缓冲 区 中 的 所 有 HTML 页 面 内 容 清除 


语法 : Response. Clear(); 
此 时 ,Response 对 象 的 BufferOutput 属性 必须 设置 为 true, 和 否则 会 报错 

Close 方 法 关闭 客户 端的 联机 

End 方法 将 目前 缓冲 区 中 的 所 有 HTML 数据 发 送 到 客户 端 ,停止 该 页 的 执行 ,并 引发 
EndRequest 事件 
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续 表 


属性 和 方法 说 明 
Flush 方法 立即 将 缓冲 区 中 的 所 有 HTML 数据 送 到 客户 端 ,但 不 停止 页 面 程序 的 执行 
语法 : Response. End() 
此 时 ,Response 对 象 的 BufferOutput 属性 必须 设置 为 true, 否 则 会 报错 
Redirect 方法 将 客户 端 重 定向 到 新 的 URL 
BinaryWrite 方法 将 一 个 二 进 制 的 字符 串 写 人 HTTP 输出 流 
AppendToLog 方 法 将 自 定义 日 志 信 息 添加 到 IIS 的 日 志文 件 中 


1) 利用 Write 方法 输出 信息 
利用 Write 方法 就 可 以 在 客户 端 输出 信息 ,语法 为 : 


Response .Write( 变 量 数据 或 字符 串 ) 
例如 : 


Response .Write (user_nameg" 您 好 ") //user_name 是 一 个 变量 ,表示 用 户 名 
Response .Write ("欢迎 您 的 光临 < p>") // 输 出 字符 串 
Response .Write ("现在 是 北京 时 间 : "gnow()) //now() 是 时 间 函 数 


2) 输出 缓存 数据 

BufferOutput 属性 用 来 设置 页 面 中 是 否 使 用 缓存 技术 。 页 面 缓存 技术 就 是 页 面 下 载 到 
客户 端 之 前 , 先 暂时 存放 在 服务 器 端的 缓冲 区 , 待 页 面 程序 全 部 编译 成 功 后 ,再 从 缓冲 区 输 
出 到 客户 端 浏 览 器 ,这 样 可 以 加 快 用 户 浏览 页 面 的 速度 。 如 果 不 使 用 页 面 缓存 技术 ,页 面 将 
一 边 编译 一 边 向 客户 端 浏 览 器 传送 数据 , 当 页 面 下 载 量 过 大 时 ,经 常会 出 现 页 面 不 能 显示 的 
情况 。BufferOutput 属性 的 取 值 为 True 或 False, 默 认为 True, 其 语法 格式 如 下 : 


Response . BufferOutput = True | False 


3) 输出 缓存 数据 

输出 缓存 数据 就 是 不 等 页 面 完全 编译 存储 到 缓冲 区 ,就 可 以 中 途 将 缓存 数据 输出 。 如 果 
页 面 的 数据 太 大 ,就 需要 中 途 将 缓存 的 数据 输出 ,清空 缓存 ,以 方便 页 面 继续 存 到 缓存 区 中 。 

Response 对 象 可 通过 Flush、End 方法 将 缓冲 区 中 的 数据 输出 显示 到 客户 端 ,但 Flush 
方法 没有 停止 页 面 程序 的 执行 ,而 End 方法 则 会 停止 页 面 程序 的 执行 。 

【示例 4-1】 Response 对 象 的 Flush 和 End 方法 使 用 比较 。 

(1) 在 ch04 网 站 项 目 中 创建 文件 FlushEnd. aspx。 

(2) 在 FlushEnd. aspx. cs 文件 的 Page_Load 方法 内 添加 如 表 4-7 所 示 的 代码 。 


表 4-7 页 面 FlushEnd. aspx 的 Page_Load 事件 过 程 的 代码 


行 号 代 码 页 
01 Response .Write ("这 是 第 一 句 < br >"); // 输 出 第 一 句 
02 Response. Flush( ); // 执 行 Flush 方 法 


03 Response .Write ("这 是 第 二 名 < br >"); // 输 出 第 二 句 
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续 表 
行 号 代 码 页 
04 Response. End() // 执 行 End 方 法 
05 Response. Write(" 这 是 第 三 句 < br >"); // 输 出 第 三 句 
06 Response. Flush( ); 
07 Response. Write(" 这 是 第 四 句 < br >"); 


(3) 浏览 该 页 面 ,结果 如 图 4-1 所 示 。 


http://localhost:21178/ch03/... - 


文件 ( 昌 泊 辑 (E) 查看 (V) 收藏 天 (A) 工具 ” 


安 收 藏 只 ”入 http://localhost:21178/dh03.| | 


这 是 第 一 名 
这 是 第 二 名 


图 4-1 Response. End 方法 示例 


在 该 示例 中 ,第 二 行 代码 执行 之 后 ,第 三 行 代 码 还 可 以 执行 ,输出 “这 是 第 二 句 ”; 执行 
第 四 行 代码 之 后 , 却 没 有 输出 “这 是 第 三 句 ”, 这 说 明 Flush 方法 没有 终止 后 面 程序 的 执行 ， 
而 执行 End 方法 之 后 ,终止 了 后 面 代码 的 执行 。 

4) 使 用 Redirect 方法 引导 客户 至 另 一 个 URL 位 置 

在 网 页 中 ,可 以 利用 超 链 接 引 导 客 户 至 另 一 个 页 面 , 但 是 必须 在 客户 端 单 击 超 链接 才 
行 。 使 用 Redirect 方法 就 可 以 自动 引导 客户 至 另 一 个 页 面 , 亦 即 重 定 向 ,使 用 该 方法 时 只 
要 传人 一 个 字符 串 的 URL 即 可 ,其 语法 格式 如 下 : 


Response. Redirect(URL) // 将 网 页 转移 到 指定 的 URL 
例如 : 


Response . Redirect ("http://www.edu.cn") // 引 导 至 中 国教 育 网 
Response . Redirect ("Default.aspx") // 引 导 至 网 站 内 的 另 一 个 页 面 Default. aspx 


5) WriteFile 方法 

Response 对 象 的 WriteFile 方法 与 Write 方法 一 样 ,都 是 向 客户 端 输出 数据 。Write 方 
法 是 输出 这 个 方法 中 带 的 字符 串 ,而 WriteFile 方法 则 可 以 输出 二 进 制 信息 , 它 不 进行 任何 
字符 转换 ,直接 输出 。 其 语法 格式 为 : 


Response. WriteFile (变量 或 字符 串 ) 
如 下 面 的 例子 将 显示 一 张 图 片 : 


Response. ContentTYpe = " image/JPEG" ; // 定 义 文件 类 型 
Response. WriteFile ("logo. jpg"); // 输 出 图 片 文件 
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4.1.5 ”Cookie 对 象 
1. Cookie 对 象 简介 


Cookie 对 象 是 System. Web 命名 空间 中 HttpCookie 类 的 对 象 ,是 一 种 可 以 在 客户 端 
保存 信息 的 方法 。 使 用 Cookie 对 象 能 够 持久 化 的 保存 用 户 信息 ,所 以 Cookie 对 象 能 够 长 
期 保存 。 当 用 户 访问 某 个 的 站 点 时 ,该 站 点 可 以 利用 Cookie 保存 用 户 首选 项 或 其 他 信息 ， 
这 样 当 用 户 下 次 再 访问 该 的 站 点 时 ,Web 应 用 程序 可 以 通过 获取 客户 端的 Cookie 信息 来 
判断 用 户 的 身份 进行 认证 。 

用 户 每 次 访问 站 点 时 ,Web 应 用 程序 发 送 给 该 用 户 一 个 页 面 和 一 个 包含 日 期 和 时 间 的 
Cookie。 用 户 的 浏览 器 在 获得 页 面 的 同时 也 获得 了 该 Cookie, 并 且 将 它 存储 在 用 户 本 地 磁 
盘 中 。 以 后 如 果 用 户 再 次 请 求 该 站 点 中 的 页 面 , 浏 览 器 就 会 在 用 户 本 地 硬盘 上 查找 与 该 网 
站 相关 联 的 Cookie。 比 如 当 用 户 登 录 某 些 网 站 的 邮箱 后 ,如 果 在 Cookie 中 记录 了 用 户 名 信 
息 ,那么 在 Cookie 信息 失效 之 前 ,该 用 户 在 同一 台 计 算 机 再 次 登录 时 就 不 需要 提供 用 户 
名 了 。 

由 于 HTTP 协议 是 一 个 无 状态 的 协议 ,所 以 ,对 于 页 面 的 每 一 次 请 求 ,都 被 看 作 是 一 次 
新 的 会 话 。 这 样 就 无 法 知道 用 户 最 近 都 访问 了 哪些 页 面 ,这 对 于 那些 需要 获取 用 户 身份 才 
能 工作 下 去 的 应 用 来 说 十 分 不 方便 。 而 Cookie 作为 用 户 和 服务 器 之 间 进 行 交 换 的 小 段 信 
息 , 弥 补 了 HTTP 协议 的 这 一 缺陷 。 

Cookie 中 保存 的 信息 片断 以 “ 键 / 值 ” 对 的 形式 存储 ,一 个 “ 键 / 值 ” 对 仅仅 是 一 条 命名 的 
数据 。 一 个 网 站 只 能 取得 它 放 在 用 户 的 计算 机 中 的 信息 , 它 无 法 从 其 他 的 Cookie 文件 中 取 
得 信息 ,也 无 法 得 到 用 户 的 计算 机 上 的 其 他 任何 东西 。 

Cookie 有 两 种 形式 : 会 话 Cookie 和 永久 Cookie。 会 话 Cookie 是 临时 性 的 ,只 有 打开 
浏览 器 时 才 存 在 ,一 旦 会 话 结束 或 超时 ,这 个 Cookie 就 不 存在 了 。 永 久 Cookie 则 是 永久 性 
地 存储 在 用 户 的 硬盘 上 ,并 在 指定 的 日 期 之 前 一 直 可 用 。 相 比 于 后 面 将 要 介绍 的 Session 
和 Application 而 言 ,使 用 Cookie 的 优点 可 以 归纳 如 下 几 点 。 

。 可 配置 到 期 规则 。Cookie 可 以 在 浏览 器 会 话 结束 时 到 期 ,或 者 可 以 在 客户 端 计算 机 

上 无 限期 存在 。 

。 不 需要 任何 服务 器 资源 。Cookie 存储 在 客户 端 并 在 发 送 后 由 服务 器 读 取 。 

。 简单 性 。Cookie 是 一 种 基于 文本 的 轻 量 结构 ,包含 简单 的 键 值 对 。 

。 数据 持久 性 。Cookie 通常 是 客户 端 上 持续 时 间 最 长 的 数据 保留 形式 。 

虽然 Cookie 具有 若干 优点 ,这 些 优点 能 够 弥补 Session 对 象 和 Application 对 象 的 不 
足 , 但 是 Cookie 对 象 同 样 有 缺点 ,读者 可 以 查阅 相关 资料 ,在 此 不 耶 熬 述 。 


2. Cookie 对 象 的 属性 和 方法 


Cookie 对 象 的 主要 属性 如 下 : 
获取 或 设置 将 此 Cookie 与 其 关联 的 域 。 
获取 或 设置 此 Cookie 的 过 期 日 期 和 时 间 。 


*。 Domain 


。 Expires 
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*。 Name 获取 或 设置 Cookie 的 名 称 。 

。 Path 获取 或 设置 输出 流 的 HTTP 字符 集 。 

。 Secure 一 一 获取 或 设置 一 个 值 , 该 值 指示 是 否 通过 SSL( 即 仅 通 过 HTTPS) 传 输 
Cookie。 

。 Value 获取 或 设置 单个 Cookie 值 。 

。 Values 获取 在 单个 Cookie 对 象 中 包含 的 键 值 对 的 集合 。 

Cookie 对 象 的 主要 方法 如 下 : 

。 Add 一 一 添加 一 个 Cookie 变量 。 

。 Clear 清除 Cookie 集合 中 的 变量 。 


Get 一 一 通过 索引 或 变量 名 得 到 Cookie 变量 值 。 
。 GetKey 以 索引 值 获取 Cookie 变量 名 称 。 
*。 Remove 通过 Cookie 变量 名 称 来 删除 Cookie 变量 。 


3. Cookie 对 象 的 使 用 


对 象 Request 和 Response 都 提供 了 一 个 Cookie 集合 。 可 以 利用 Response 对 象 设置 
Cookie 的 信息 ,而 使 用 Request 对 象 获 取 Cookie 的 信息 。 

注意 : Cookie 通过 Response 对 象 发 送 到 浏览 器 进行 创建 时 ,需要 指定 Name 属性 和 
Value 属性 。 每 个 Cookie 必须 有 一 个 唯一 的 名 称 ,以 便 以 后 从 浏览 器 读 取 Cookie 时 可 以 识 
别 它 。 由 于 Cookie 按 名 称 存储 ,因此 用 相同 的 名 称 命名 两 个 Cookie 会 导致 其 中 一 个 
Cookie 被 覆盖 。 

有 两 种 方法 可 以 向 用 户 计算 机 写 和 人 Cookie。 可 以 直接 为 Cookie 集合 设置 Cookie 属 
性 ,也 可 以 创建 HttpCookie 对 象 的 一 个 实例 并 将 该 实例 添加 到 Cookie 集合 中 。 下 面 的 代 
码 演示 了 两 种 编写 Cookie 的 方法 : 


Response. Cookie[ "userName"]. Value = "Sina"; 
Response. Cookie[ "userName" ] .Expires = DataTime. Now. AddDays(2); 


HttpCookie myCookie = new HttpCookie("myCookie" ); 

myCookie. Value = "sina"; // 设 置 Cookie 的 值 
myCookie. Expires = System. DateTime. Now.AddDays(30); // 设 置 过 期 时 间 为 30 天 
Response. Cookie. Add( myCookie); 


上 述 两 段 代码 演示 向 Cookie 集合 添加 了 两 个 Cookie, 一 个 名 为 userName, 男 一 个 名 为 
myCookie。 对 于 第 一 个 Cookie,Cookie 集合 的 值 是 直接 设置 的 。 对 于 第 二 个 Cookie, 代 码 
创建 了 一 个 HttpCookie 类 型 的 对 象 实例 ,设置 其 属性 ,然后 通过 Add 方法 将 其 添加 到 
Cookie 集合 中 。 在 实例 化 HttpCookie 对 象 时 ,必须 将 该 Cookie 的 名 称 作 为 构造 函数 的 一 
部 分 进行 传递 。 

浏览 器 向 站 点 发 出 请 求 时 ,会 随 请 求 一 起 发 送 该 站 点 的 Cookie, 可 以 用 Request 对 象 读 
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取 Cookie, 并 且 读 取 方 式 与 将 Cookie 写 人 Response 对 象 的 方式 基本 相同 。 下 面 的 代码 演 
示 了 两 种 方法 ,通过 这 两 种 方法 可 以 获取 名 为 userName 的 Cookie 的 值 ,并 将 其 赋值 给 一 
个 字符 串 变 量 cookieName: 


if (Request. Cookie[ "userName" ]!= nul1) 
string cookieName = Request. Cookie[ "userName" ] .Value; 


if (Request. Cookie[ "userName" ]!= nul1) 
HttpCookie myCookie = Request. Cookie[ "userName" ]; 
string cookieName = myCookie. Value; 

1 


在 尝试 获取 Cookie 的 值 之 前 ,应 确保 该 Cookie 存在 ; 如 果 该 Cookie 不 存在 ,将 会 产生 
异常 。 

【示例 4-2】 Cookie 对 象 使 用 示例 。 

(1) 在 ch04 网 站 项 目 中 创建 CookieDemo. aspx 页 面 

(2) 在 CookieDemo. aspx. cs 文件 的 Page_Load 方法 内 添加 如 表 4-8 所 示 的 代码 ,创建 
一 个 Cookie, 当 下 次 客户 登录 时 获取 到 上 次 写 入 的 Cookie 信息 。 

(3) 用 户 第 一 次 登录 网 站 时 ,结果 如 图 4-2 所 示 , 获 取 Cookie 信息 时 出 错 , 抛 出 异常 错 
误 , 并 执行 第 一 次 写 入 ,当下 一 次 运行 或 者 刷新 页 面 时 ,将 看 到 如 图 4-3 所 示 的 结果 ,将 上 一 
次 写 人 到 Cookie 的 信息 读 出 并 显示 。 


表 4-8 页面 CookieDemo. aspx 的 Page_Load 事件 过 程 的 代码 


行 号 代 码 页 
01 try 
02 { 
03 HttpCookie myCookie = new HttpCookie("Sina "); // 创 建 Cookie 对 象 
04 myCookie. Value = Server. HtmlEncode(" 一 个 Cookie 应 用 程序 "); //cookie 赋值 
05 myCookie. Expires = DateTime. Now. AddDays(5); //Cookie 持续 时 间 
06 Response. AppendCookie( myCookie); // 添 加 Cookie 
07 Response. Write("Cookie 创建 成 功 "); // 输 出 成 功 
08 Response. Write("< hr/> 获 取 Cookie 的 值 < hr/>"); 
09 HttpCookie GetCookie = Request.Cookie["myCookie"]; // 获 取 Cookie 
10 Response. Write("Cookie 的 值 :" + GetCookie. Value. TbString() + "< br/>"); // 输 出 Cookie 值 
11 Response. Write(" 当 前 时 间 : ”+ DateTime. Now. ToString() + "< br/>"); 
12 Response. Write("Cookie 的 过 期 时 间 :" + myCookie. Expires. ToString() + "< br/>"); 
13 } 
14 catch 
5 4 
16 Response. Write(" 获 取 Cookie 信息 失败 "); // 抛 出 异常 
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图 4-2 获取 不 存在 的 Cookie 信息 图 4-3 获取 存在 的 Cookie 信息 


4.1.6 Session 对象 
1. Session 对 象 简介 


在 上 网 时 ,可 以 利用 超 链 接 方便 地 从 一 个 页 面 跳 转 到 另 一 个 页 面 。 但 是 怎样 记载 客户 
的 信息 呢 ? 例如 ,用 户 在 首页 输入 了 自己 的 用 户 名 和 密码 ,如 果 在 其 他 页 面 还 要 使 用 该 用 户 
名 ,那么 如 何 记 住 用 户 在 首页 输入 的 用 户 名 呢 ? 

迄今 为 止 ,我 们 能 用 两 种 方法 解决 : 

。 利用 Request 对 象 的 QueryString 方法 一 页 一 页 地 传 过 去 ,这 种 方法 太 麻烦 。 

。 利用 Cookie 保存 用 户 名 。 

下 面 学 习 一 种 更 加 简洁 的 方法 : 利用 Session( 会 话 ) 对 象 。 

Session 对 象 是 由 System. Web 命名 空间 中 的 HttpSessionState 类 实现 的 ,用 来 记载 特 
定 客户 的 信息 。 即 使 该 客户 从 一 个 页 面 跳 转 到 另 一 个 页 面 , 该 Session 信息 仍然 存在 ,客户 
在 该 网 站 的 任何 一 个 页 面 都 可 以 存 取 Session 信息 。Session 对 象 变量 只 针对 单一 网 页 的 
使 用 者 ,也 就 是 说 ,访问 同一 站 点 的 不 同 用 户 之 间 的 Session 对 象 不 尽 相 同 , 即 每 个 Session 
对 象 中 的 信息 只 能 被 用 户 自己 使 用 ,而 不 能 被 网 站 的 其 他 用 户 访 问 ,因此 可 以 在 不 同 的 页 面 
间 共 享 数据 (如 上 述 的 在 首页 中 输入 的 用 户 名 ) ,但 是 不 能 在 用 户 间 共 享 数据 。 

注意 : Session 信息 是 针对 一 个 客户 而 言 的 ,不 同 客户 的 信息 用 不 同 的 Session 对 象 记 
载 。 例 如 ,用 户 A 和 用 户 BB, 均 访问 同一 个 Web 网 站 , 当 用 户 A 访问 时 ,该 站 点 显示 地 为 用 
户 A 增加 一 个 Session 值 , 同 样 , 当 用 户 也 访问 该 站 点 时 ,又 为 用 户 也 增加 一 个 Session 值 。 

Session 的 工作 原理 还 是 比较 复杂 的 : ASP.NET 采用 一 个 具有 120 位 的 标识 符 来 跟踪 
每 一 个 Session。ASP.NET 中 利用 专 有 算法 来 生成 这 个 标识 符 的 值 , 从 而 保证 了 (统计 上 
的 ) 这 个 值 是 独一无二 的 ,这 个 特殊 的 标识 符 就 被 称 为 SessionID, 当 用 户 第 一 次 访问 一 个 网 
站 时 ,服务 器 就 给 该 用 户 建 立 了 一 个 Session 对 象 ,并 分 配 一 个 唯一 的 SessionID。 
SessionID 是 传播 于 网 络 服务 器 和 客户 端 之 间 的 唯一 的 一 个 信息 。 当 客户 端 出 示 它 的 
SessionID,ASP.NET 找到 相应 的 Session, 从 状态 服务 器 里 获得 相应 的 序列 化 数据 信息 ,从 
而 激活 该 Session ,并 把 它 放 到 一 个 可 以 被 程序 访问 的 集合 里 。 为 使 系统 能 够 正常 工作 , 客 
户 端 必 须 为 每 个 请 求 保 存 相应 的 SessionID ,获取 某 个 请 求 的 SessionID 的 方式 有 两 种 : 

。 使 用 Cookie。 在 这 种 情况 下 , 当 Session 集合 被 使 用 时 ,SessionID 被 ASP.NET 自 

动 转化 一 个 特定 的 Cookie( 被 命名 为 ASP.NET_SessionID) 。 
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。 使 用 改装 的 URL。 在 这 种 情况 下 , SessionID 被 转化 为 一 个 特定 的 改装 的 URL。 
ASP.NET 的 这 个 新 特性 可 以 让 程序 员 在 客户 端 禁用 Cookie 时 创建 Session。 


2. Session 对 象 的 属性 和 方法 


Session 对 象 的 属性 主要 有 : 

。 SessionID 一 一 对 于 不 同 的 用 户 会 话 ,SessionID 是 唯一 的 ,只 读 属 性 。 
Session 的 有 效 期 时 长 , 即 一 个 会 话 结束 之 前 会 等 待 用 户 没有 任何 活动 
的 最 长 时 间 ,默认 为 20 分 钟 。 

根据 索引 号 获取 变量 值 。 

。 Count 获取 会 话 状态 集合 中 的 项 数 。 

Session 对 象 的 方法 主要 有 : 

。 Abandon 一 一 清除 用 户 的 Session 对 象 ,释放 系统 资源 。 

。 Add 一 一 添加 一 个 新 项 到 会 话 状态 中 。 

。 Clear 一 一 清除 当前 会 话 状态 的 所 有 值 。 

。 Remove 一 一 删除 会 话 状态 集合 中 的 项 。 

。 RemoveAt 一 一 删除 会 话 状 态 集合 中 指定 索引 处 的 项 。 

。 RemoveAll 一 一 清除 会 话 状态 集合 中 的 所 有 的 键 和 值 。 


3. Session 对 象 的 使 用 


利用 Session 存储 信息 其 实 很 简单 ,可 以 把 变量 或 字符 串 等 信息 很 容易 地 保存 在 Session 
中 。 语 法 如 下 : 


*。 Timeout 


。 Keys 


Session ["Session 名 字 "] = 变量 ,常量 ,字符 串 或 表达 式 


例如 


Session ["user_name"] = name //name 为 变量 
Session ["age"] =18 
Session ["school"] = "北京 大 学 " 


4. Session_Start 和 Session_End 事件 


Session_Start 事件 在 Session 对 象 开始 时 被 触发 。 通 过 Session_Start 事件 可 以 统计 应 
用 程序 当前 访问 的 人 数 , 同 时 也 可 以 进行 一 些 与 用 户 配置 相关 的 初始 化 工作 。 


protected void Session Start(object sender, EventArgs e) 
{ 

Application ["online"] = Application ["online"] +1; // 在 线 人 数 加 1 
} 


与 之 相反 的 是 Session_End 事件 , 当 Session 对 象 结束 时 被 触发 。 当 通过 Session 对 象 
统计 应 用 程序 当前 访问 在 线 人 数 时 ,可 以 通过 Session_End 时 间 减 少 在 线 人 数 统计 数字 , 同 
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时 也 可 以 对 用 户 配置 进行 相关 的 清理 工作 。 


protected void Session End(object sender, EventArgs e) 
Application ["online"] = Application ["online"] —1; // 在 线 人 数 减 1 
1 


4.1.7 Application 对 象 
1. Application 对 象 简介 


Application 对 象 是 System. Web 命名 空间 中 的 HttpApplicationState 类 的 实例 ,用 来 
保存 所 有 客户 的 公共 信息 。Application 对 象 为 经 常 使 用 的 信息 提供 了 一 个 有 用 的 Web 站 
点 存储 位 置 ,Application 中 的 信息 可 以 被 网 站 的 所 有 页 面 访问 ,因此 可 以 在 不 同 的 用 户 间 
共享 数据 。 

注意 : Application 对 象 变 量 是 建立 在 内 存 中 的 ,这 个 状态 变量 可 以 被 网 站 的 所 有 用 户 
访问 。 

Application 对 象 内 保存 的 信息 可 以 在 Web 服务 整个 运行 期 间 保存 ,是 应 用 程序 级 的 
对 象 , 用 来 存储 ASP.NET 应 用 程序 中 多 个 会 话 和 请 求 之 间 的 全 局 共享 信息 ,与 此 相反 ， 
Session 对 象 可 以 记载 特定 客户 的 信息 。 简 言 之 ,不 同 的 客户 可 以 访问 公共 的 Application 
对 象 ,但 必须 访问 不 同 的 Session 对 象 。 

Application 对 象 具 有 如 下 特点 : 

。 数据 可 以 在 Application 对 象 内 部 共享 。 

。 一 个 Application 对 象 包含 事件 ,可 以 触发 某 些 Application 对 象 脚 本 。 

个 别 Application 对 象 可 以 用 Internet Service Manager 来 设置 而 获得 不 同属 性 。 
单独 的 Application 对 象 可 以 隔离 出 来 在 它们 自己 的 内 存 中 运行 。 

可 以 停止 一 个 Application 对 象 (将 其 所 有 组 件 从 内 存 中 驱除 ) 而 不 会 影响 到 其 他 应 
用 程序 。 

一 个 网 站 可 以 有 不 止 一 个 Application 对 象 。 典 型 情况 下 ,可 以 针对 个 别 任务 的 一 
些 文件 创建 个 别 的 Application 对 象 。 

Application 对 象 成 员 在 服务 器 运行 期 间 持 久 地 保存 数据 。Application 对 象 成 员 的 
生命 周期 止 于 关闭 IIS 或 使 用 Clear 方法 清除 。 

因为 多 个 用 户 可 以 共享 一 个 Application 对 象 , 所 以 必须 要 有 Lock 和 Unlock 方法 ， 
以 确保 多 个 用 户 无 法 同时 改变 某 一 属性 。 


2. Application 对 象 的 属性 和 方法 


Application 对 象 的 属性 主要 有 : 

»。 AllKeys 获取 HttpApplicationState 集合 中 的 访问 键 。 
。 Contents 获取 对 HttpApplicationState 对 象 的 引用 。 
获取 HttpApplicationState 集合 中 的 对 象 数 。 


。 Count 
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通过 名 称 和 索引 获取 HttpApplicationState 集合 中 的 对 象 数 。 

。 Keys 获取 NameObjectCollectionBase. KeysCollection 实例 ,该 实例 包含 
NameObjectCollectionBase 实例 中 的 所 有 键 。 

Application 对 象 的 方法 主要 有 : 

。 Add 一 一 新 增 一 个 Application 对 象 变 量 。 

。 Clear 清除 全 部 Application 对 象 变量 。 

了 Remove 按 变量 名 称 移 除 一 个 Application 对 象 变 量 。 

。 Lock 锁定 Application 对 象 。 

。 UnLock 解除 对 Application 对 象 的 锁定 。 


。 Count 


3. 利用 Application 对 象 存储 信息 


Application 的 使 用 方法 和 Session 非常 类 似 , 可 以 把 变量 .字符 串 等 信息 很 容易 地 保存 
在 Application 中 。 语 法 格式 如 下 : 


Application ["Application 名 字 "] = 变量 ,常量 .字符 串 或 表达 式 


可 以 直接 把 变量 ,字符 串 等 信息 保存 在 Application 中 , 当 Web 应 用 不 希望 用 户 在 客户 
端 修改 已 经 存在 的 Application 对 象 时 ,可 以 使 用 Lock 对 象 进行 锁定 , 当 执行 完 相 应 代码 块 
后 可 以 解锁 ,代码 如 下 所 示 。 


Application .Lock() 

Application ["user_name"] = user_num // 将 user_num 变量 存 人 Application 
Application ["city"] = "南京 " // 将 字符 串 信 息 存 人 Application 
Rpplication .Unlock() 


注意 : Lock 方法 和 Unlock 方法 是 很 重要 的 ,因为 任何 客户 都 可 以 存 取 Application 对 
象 , 如 果 正 好 有 两 个 客户 同时 更 改 一 个 Application 对 象 的 值 怎 么 办 ? 可 以 利用 Lock 方法 
先 将 Application 对 象 锁 定 。 以 防止 其 他 客户 更 改 。 更 改 后 ,再 利用 Unlock 方法 解除 锁定 。 
不 过 , 读 取 Application 对 象 时 就 没 必要 这 样 做 了 。 


4. Global.asax 文件 


Global. asax 文件 (也 称 为 ASP.NET 应 用 程序 文件 ) 是 一 个 可 选 的 文件 ,该 文件 包含 响 
应 ASP.NET 或 HTTP 模块 所 引发 的 应 用 程序 级 别 和 会 话 级 别 事件 的 代码 。Global. asax 
文件 驻 留 在 ASP.NET 应 用 程序 的 根 目 录 中 。 

每 个 ASP.NET 应 用 程序 都 可 以 有 一 个 Global. asax 文件 。 一 旦 将 其 放 在 适当 的 虚拟 
目录 中 ASP.NET 就 会 把 它 识别 出 来 并 且 会 自动 使 用 该 文件 。 

注意 : Global. asax 存放 的 位 置 是 固定 的 ,必须 存放 在 当前 应 用 程序 所 在 的 虚拟 根 目 录 
下 ,如 果 存 在 虚拟 目录 的 子 目 录 中 ,Global. asax 文件 将 不 会 起 任何 作用 。 

1) 创建 Global. asax 配置 文件 

Global. asax 配置 文件 通常 处 理 高 级 的 应 用 程序 事件 , 如 Application _ Start、 
Application_End、Session_Start 等 ,创建 Global. asax 配置 文件 可 以 通过 新 建 “ 全 局 应 用 程 
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序 类 ”文件 来 创建 ,如 图 4-4 所 示 。 


添加 新 项 - 6:\ASP.Net 网 站 开发 项 目 化 教程 \chapter03\ch03\ 2 x 
ES E 国医 近 霖 已 安 半 的 模板 2 


Visual Basic XML 架构 蛋 类型: Visual C# 
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图 4-4 创建 Global. asax 配置 文件 


2) Application_Start 和 Application_End 事件 

在 Global. asax 配置 文件 中 ,Application_Start 事件 会 在 Application 对 象 被 创建 时 触 
发 ,通常 ,Application_Start 事件 能 够 对 应 用 程序 进行 全 局 配置 。 例 如 在 统计 网 站 在 线 人 数 
时 ,通过 重 写 Application_Start 方法 可 以 实现 实时 在 线 人 数 统计 ,可 以 在 Global. asax 文件 
的 Application_Start 方法 中 添加 如 下 代码 : 


void Application Start(object sender, EventArgs e) 
{ 

// 在 应 用 程序 启动 时 运行 的 代码 

Application["count"] = 0; // 创 建 Application 对 象 
} 


与 之 相反 , 当 用 户 离开 当前 Web 应 用 时 ,就 会 触发 Application_End 事件 ,可 以 在 
Application_End 方法 中 清理 相应 的 用 户 数据 。 

注意 : Session 对 象 和 Application 对 象 都 能 够 进行 应 用 程序 中 在 线 人 数 或 应 用 程序 的 
统计 和 计算 ,在 选择 对 象 时 ,可 以 根据 具体 应 用 要 求 ,选择 不 同 的 内 置 对 象 。 


4.1.8 Server 对 象 
1. Server 对 象 简介 


Server 对 象 由 System . Web. HttpServerUtility 类 实现 , 它 提供 了 访问 服务 器 的 一 些 非 
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常 有 用 的 属性 和 方法 ,Server 对 象 是 专门 为 处 理 服务 器 上 特定 任务 而 设计 的 ,特别 是 与 服务 
器 的 环境 和 处 理 活动 有 关 的 任务 ,主要 用 于 创建 COM 对 象 和 Scripting 组 件 、 转 化 数据 格 
式 、 管 理 其 他 页 的 执行 。 语 法 格式 为 : 


Server. 属性 = 属性 值 


Server 对 象 的 属性 主要 有 : 

。 MachineName 获取 远程 服务 器 的 名 称 。 

。 ScriptTimeout 一 一 获取 和 设置 请 求 超时 。 

Server 对 象 的 方法 主要 有 : 

创建 COM 对 象 的 一 个 服务 器 实例 。 


*， CreatObject 


。 Execute 一 一 使 用 另 一 个 页 面 执行 当前 请 求 。 
。 Transfer 一 一 终止 当前 页 面 的 执行 ,并 为 当前 请 求 开 始 执行 新 页 面 。 
。 HtmlDecode 对 已 被 编码 的 消除 Html 无 效 字 符 的 字符 串 进 行 解码 。 


HtmlEncode 一 一 对 要 在 浏览 器 中 显示 的 字符 串 进 行 编码 。 

MapPath 一 一 返回 与 Web 服务 器 上 的 执行 虚拟 路 径 相对 应 的 物理 文件 路 径 。 
UrlDecode 一 一 对 字符 串 进 行 解码 ,该 字符 串 为 了 进行 HTTP 传输 而 进行 编码 并 在 
URL 中 发 送 到 服务 器 。 

UrlEncode 一 一 编码 字符 串 , 以 便 通过 URL 从 Web 服务 器 到 客户 端 浏 览 器 的 字符 
串 传输 。 


2. Server 对 象 的 使 用 


1) 使 用 MachineName 属性 获取 服务 名 称 
在 网 站 项 目下 创建 页 面 MachineNameDemo. aspx, 并 添加 如 下 代码 。 


服务 器 名 称 : < asp: Label ID ="1bMnInfo” runat = " server”Text = "Label” ForeColor = "Red"> 
</asp:Label > 


在 页 面 后 置 代 码 文 件 MachineNameDemo. aspx. cs 中 添加 以 下 代码 获取 服务 器 名 称 ， 
并 将 服务 器 名 称 变 成 小 写字 母 形 式 输出 。 

protected void Page_Load(object sender, EventArgs e) 

{ 


this. lbMnInfo. Text = Server.MachineName.ToLower(); 


运行 页 面 MachineNameDemo. aspx, 效 果 如 图 4-5 所 示 。 

2) 使 用 ScriptTimeout 属性 设置 超时 时 间 

该 属性 用 来 规定 脚本 文件 执行 的 最 长 时 间 ,默认 为 90 秒 。 如 果 超出 最 长 时 间 脚 本 文件 
还 没有 执行 完 , 就 自动 停止 执行 。 这 样 可 以 防止 某 些 可 能 进入 死 循环 的 错误 导致 服务 器 过 
载 问 题 。 
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Server. ScriptTimeout = 300; // 将 最 长 执行 时 间 设置 为 300 秒 


3) 用 Execute 方 法 执行 对 另 一 页 的 请 求 ~ http:/Jlocalhost1839..， - 

该 方法 用 来 停止 执行 当前 网 页 , 转 到 新 的 网 页 执 SO © MachineNameDemo.aspx 加 四 
行 ,执行 完 后 返回 原 网 页 ,继续 执行 Execute 方法 后 面 | 说 收 基 天 | 大 hipJioaalhost163591 | 
的 语句 。 语 法 格式 如 下 : | 服务 六 名 称 ,gakening 693837 


号 本 地 Intranet 维护 100% -~ 


Server .Execute (变量 或 字符 串 ); 
图 4-5 使 用 MachineName 属性 获取 
例如 : 服务 名 称 


protected void Page_Load(object sender, EventArgs e) 

{ 
Response. Write("<p> 调 用 Execute 方法 之 前 </p>"); 
Server. Execute( "TestPage. aspx" ); // 该 页 Page_Load 有 Response. Write( "测试 ") ;语句 
Response. Write("<p> 调 用 Excute 方法 之 后 </p>"); 


4) 用 Tranfer 方法 实现 网 页 重 定向 

该 方法 和 Execute 方法 非常 相似 ,唯一 的 区 别 是 执行 完 新 的 网 页 后 ,并 不 返回 原 网 页 ， 
而 是 停止 执行 过 程 。 该 方法 可 以 把 控制 传递 出 去 ,可 以 把 原来 页 面 的 所 有 内 置 对 象 和 这 些 
对 象 的 状态 都 传递 给 新 的 页 面 , 比 如 Request 对 象 的 查询 字符 串 。 使 用 这 种 方法 还 可 以 把 
一 个 大 的 程序 划分 成 小 的 模块 ,然后 用 Tranfer 方法 把 各 个 模块 联系 起 来 ,语法 格式 如 下 : 


Server . Transfer (变量 或 字符 串 ) 


例如 : 


protected void Page_Load(object sender, EventArgs e) 

{ 
Response. Write("<p> 调 用 Transfer 方法 之 前 </p>"); 
Server. Tranfer("TestPage. aspx" ); // 该 页 Page_Load 有 Response. Write( "测试 ") ;语句 
Response. Write("<p> 调 用 Transfer 方法 之 后 </p>"); 

; 


5) 用 MapPath 方法 将 虚拟 路 径 转化 为 实际 路 径 

在 创建 文件 、 删 除 文件 或 者 读 取 文件 类 型 的 数据 库 时 (如 Access 和 SQLite) ,都 需要 指 
定 文件 的 路 径 并 显 式 地 提供 物理 路 径 执 行文 件 的 操作 ,如 D:\Program Files。 但 是 这 样 做 
却 暴露 了 物理 路 径 , 如 果 有 非法 用 户 进行 非法 操作 ,很 容易 就 显示 了 物理 路 径 , 这 样 就 造成 
了 安全 问题 。 

在 使 用 文件 和 创建 文件 时 ,如 果 非 要 为 创建 文件 的 保存 地 址 设置 一 个 物理 路 径 , 这 样 非 
常 不 便 并 且 用 户 体验 也 不 好 。 当 用 户 需要 上 传 文件 时 ,用 户 不 可 能 知道 也 不 应 该 知道 服务 
器 路 径 。 而 使 用 MapPath 方法 就 能 克服 以 上 问题 。MapPath 方法 以 “/ "开头 , 则 返回 Web 
应 用 程序 的 根 目录 所 在 的 路 径 , 若 MapPath 方法 以 “../” 开 头 , 则 会 从 当前 目录 开始 寻找 上 
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级 目录 ,如 图 4-6 所 示 ,而 其 实际 服务 器 路 径 如 图 4-7 所 示 。 
root 解决 方 奈 资 源 管理 器 ”Px 


| mi 


= 


[一 


图 4-6 MapPath 示意 图 图 4-7 服务 器 路 径 


同 解 决 方案 "chapter04"(1 个 项 目 ) 
6- 欠 G:\-\cho4\ 

中- 国 ch4 1 

由 - 国 中 4_2 

中 -七 

| 笛 - 国 myfile.aspx 

一 垃 Global.asax 

向 - 加 MachineNameDemo.aspx 
国 ServerDemo.aspx 
国 TestPage.aspx 
辐 web.config 


OE 


在 图 4-6 中 ,其 中 根 目录 为 root, 在 根 目 录 下 有 一 个 文件 夹 为 filel ,在 filel 中 的 文件 使 
用 MapPath 方法 访问 根 目录 中 文件 的 方式 有 Server. MapPath(*../ 文 件 名 称 ”) 或 Server. 
MapPath(“/ 文 件 名 称 ”) ,示例 代码 如 下 所 示 。 


string FilePath = Server.MapPath("../Default.aspx"); // 设 置 路 径 
string FileRootPath = Server.MapPath("/Default.aspx"); // 设 置 路 径 


Server. MapPath 其 实 返 回 的 是 物理 路 径 , 但 是 通过 MapPath 的 封装 ,通过 代码 无 法 看 
见 真实 的 物理 路 径 , 若 需要 知道 真实 的 物理 路 径 , 只 需 输 出 Server. MapPath 即 可 ,示例 代 
码 如 下 所 示 。 


Response. Write( Server. MapPath("../Default. aspx" )); // 输 出 路 径 


输出 结果 为 G:\ASP. Net 网 站 开发 项 目 化 教程 \chapter04\ch04\ServerDemo. aspx, 该 
结果 针对 不 同 的 物理 路 径 而 不 同 , 结 果 如 图 4-8 所 示 。 


http:/ /localhost:18391/ch04/filel/myfile.aspx -... - 


合 辐 [Bhtp://ocalhost:18391/d 国 | 如 [x| [2 百度 
合 收 藏 夹 | 砷 tip:Jocalhost183911dhO31iIeI7 
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4-8 页 面 myfile. aspx 运行 效果 


6) 使 用 HtmlEncode 和 HtmlDecode 方法 进行 编码 和 解码 

在 ASP.NET 中 ,默认 编码 是 UTF-8, 所 以 在 使 用 Session 和 Cookie 对 象 保存 中 文字 
符 或 者 其 他 字符 集 时 经 常会 出 现 乱码 ,为 了 避免 乱码 的 出 现 , 可 以 使 用 HtmlDecode 和 
HtmlEncode 方法 进行 编码 和 解码 。HtmlEncode 方 法 用 来 转化 字符 串 , 它 可 以 将 字符 串 中 
的 HTML 标记 转换 为 字符 实体 ,如 将 * 一 ?转换 为 “& lt; ”, 将 “二 ”转换 为 *&gt; ”。 其 语法 
格式 如 下 : 
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Server. HtmlEncode (变量 或 字符 串 ) 
Server. HtmlDecode( 变 量 或 字符 串 ) 


特别 是 HtmlEncode 方 法 在 需要 输出 HTML 语句 时 非常 有 用 。 浏 览 器 是 解释 执行 的 ， 
它 将 网 页 文件 中 的 HTML 标记 逐一 解释 执行 。 但 是 ,有 时 候 就 希望 直接 将 HTML 标记 输 
出 到 屏幕 上 ,比如 在 考试 HTML 知识 时 ,就 需要 在 页 面 中 输出 HTML 语句 。 

另外 ,还 可 以 通过 HtmlEncode 方 法 放置 脚本 和 人 侵 。 脚 本 入 侵 是 指 网 络 上 一 些 恶意 用 
户 在 提交 给 页 面 的 信息 中 包括 一 些 特殊 脚本 程序 (如 所 script 二 二 /script 二 ) ,如 果 没 有 对 其 
进行 特殊 处 理 , 则 服务 器 将 会 这 行 这 些 脚本 代码 。 

首先 ,在 网 站 项 目 ch04 中 创建 页 面 HtmlEncodeDemo. aspx, 并 添加 如 下 代码 。 


< form id = "forml1”runat = "server"> 
<div> 
解码 前 的 输出 : < asp:Label ID = "1bMsg" runat = "server" Text = "Label"></asp:Label>< br /> 
使 用 HtmlEcode 后 的 输出 : <asp:Label ID = "lbHtmlEcode" runat = "server" 
Text = "Label"></asp:Label><br /> 
使 用 HtmlDecode 后 的 输出 : < asp:Label ID = "lbHtmlDecode" runat = "server" 
Text = "Label"></asp:Label> 
</div> 
</form> 


在 页 面 后 置 文件 HtmlEncodeDemo. aspx. cs 中 添加 如 下 代码 。 


protected void Page_Load(object sender, EventArgs e) 
| 
String TestString = "测试 < H3 > 方法 </H3 >"; 


lbMsg. Text = TestString; // 直 接 输 出 
String EncodedString = Server. HtmlEncode(TestString); 
lbHtmlEcode. Text = EncodedString; // 进 行 编码 转换 后 的 输出 效果 


lbHtmlDecode. Text = Server. HtmlDecode(EncodedString); // 解 码 效果 


运行 HtmlEncodeDemo. aspx 页 面 ,效果 如 图 4-9 所 示 。 


http:/ /localhost:18391/ch04/HtmlEncodeDem...- 
生命 | 皮 http://ocalhost:18391d 国 [fx|[ 依 百 度 


宽 收 项 来 | 各 http:/Jlocalhost:18391/Jch04JHtmlE... [| 
和 解码 前 的 答 出 ， 测试 
方法 


使 用 HanEcodc 后 的 输出 ， 测 试 <B3> 方 法 <1H3> 
使 用 HamIDecode 后 的 箱 出 ， 测 试 


方法 
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图 4-9 HtmlDecode 和 HtmlEncode 方 法 示例 
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7) 使 用 URLEncode 和 URLDecode 方法 进行 URL 编码 和 解码 
该 方法 也 是 用 来 转化 字符 串 的 , 它 可 以 将 其 中 的 特殊 字符 , 像 ?、&、/ 和 空格 等 转化 为 
URL 编码 ,如 把 空格 转化 为 它 的 URL 编码 “十 ”。 语法 如 下 : 


Server . URLEncode (字符 串 ) 


为 什么 要 使 用 该 方法 呢 ? 主要 有 以 下 两 个 原因 

。 目前 的 操作 系统 允许 文件 名 有 空格 等 特殊 字符 ,如 果 使 用 IE 浏览 器 ,一 般 没有 问 
题 , 因 为 浏览 器 会 自动 转化 空格 等 字符 。 但 是 如 果 使 用 别 的 浏览 器 ,就 可 能 不 支持 
空格 等 特殊 字符 。 此 时 就 需要 使 用 URLEncode 方法 进行 人 工 转化 。 

在 利用 Request 对 象 的 QueryString 方法 获取 标识 在 URL 后 面 的 参数 时 ,参数 可 能 
带 有 空格 等 特殊 字符 ,如 “二 a href 二 “transferArg. aspx? name 一 张 三 ” 盖 ”,IE 浏览 
器 一 般 能 正确 识别 ,而 其 他 浏览 器 可 能 就 无 法 识别 空格 以 后 的 字符 ,从 而 认为 name 
的 值 是 " 张 ", 这 时 候 也 需要 用 URLEncode 方法 进行 转化 。 比 如 修改 为 如 下 代码 : 


<a href = "transferArg.aspx?name =<$% = Server.URLEncode(" 张 三 ") %$>"> 


在 页 面 提交 的 信息 中 ,由 于 包括 文字 、 数 字 、 特 殊 符 号 等 ,并 以 UTF-8 编码 提交 到 服务 
器 时 ,经 常 出 现 乱码 。 要 解决 这 一 问题 就 需要 通过 Server 对 象 的 URLEncode 方法 对 其 进 
行 URL 编码 转换 ,再 通过 URLDecode 方法 进行 解码 。URL 编码 可 以 确保 所 有 浏览 器 均 
正确 地 传输 URL 字符 串 中 的 文本 。URLDecode 方法 将 URL 编码 向 文本 字符 串 进 行 解码 
转换 。 

在 网 站 项 目 ch04 中 创建 页 面 URLEncodeDemo. aspx', 在 该 页 面 设 计 视 图 中 拖 放 两 个 
Button 按钮 ,两 个 Label 和 一 个 TextBox, 代 码 如 下 。 


< form id = "forml1" runat = "server"> 
<div> 
请 输入 URL 进行 编码 : < asp:TextBox ID = "txtUrl" runat = "server" Width = "258px"> </asp: 
TextBox > 
< asp:Button ID = "btnUrlEncode" runat = "server" OnClick = "btnUrlEncode Click" 
Text = "UrlEncode" />< br /> 
编码 后 的 URL 为 : < asp: Label ID ="1bUrlEncode”runat = "server" Text = "Label"> </asp: 
Label >< br /> 
对 编码 后 的 URL 进行 解码 : < asp:Button ID = "btnUrlDecode" runat = "server" 
OnClick = "btnUrlDecode Click" Text = "UrlDecode" /><br /> 
解码 后 的 URL 为 : <asp:Label ID="lbUrlDecode" runat = "server" Text = "Label"></asp:Label > 
</div> 
</form> 


两 个 按钮 单 击 事件 方法 在 页 面 后 置 文件 URLEncodeDemo. aspx. cs 中 的 代码 如 下 。 


protected void btnUrlEncode Click(object sender, EventArgs e) 
{ 

this. lbUrlEncode. Text = Server.UrlEncode(txtUr]. Text); 
上 
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protected void btnUrlDecode Click(object sender, EventArgs e) 


{ 


this. lbUrlDecode. Text = Server.UrlDecode(1lbUrlEncode. Text); 


1 


运行 页 面 URLEncodeDemo. aspx, 效 果 如 图 4-10 所 示 。 


http://localhost:18391/ch04/URLEncodeDemo.aspx - Windows Intern... 


x 
本 辐 。 | 旧 http://ocalhost:18391/d 回 [||x| | 吕 百 度 ED 
次 收藏 克 | 古 http:JJocalhost:18391/ch04JURLEn... | | 


请 输入 URL 进 行 编码 ，|transferArg aspx 


Basocm | uencede ] 
编码 后 的 URL 为 transferArg aspx963fpame963d96e596bc%oa0+96e496b896899626sex963d96e7969436b7 


对 编码 后 的 URIL 进 行 解码 
解码 后 的 URL 为 ，transferArg aspx?name= 张 三 &sex-= 男 
完成 
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图 4-10 URLEncode 和 URLDecode 方 法 示例 
.2 单元 任务 
A 


任务 4-2-1 体验 页 内 数据 传递 

【任务 描述 】 

将 用 户 在 文本 框 中 输入 的 歌手 添加 到 列表 控件 中 显示 ,观察 添加 的 结果 有 什么 问题 。 
是 怎么 引起 的 ? 如 何 解决 该 问题 ? 

【任务 实施 】 


(1) 创建 网 站 项 目 rw4-2-1, 并 在 网 站 项 目下 添加 页 面 文件 Default. aspx, 进 入 页 面 视 


图 ,从 工具 箱 分 别 拖 放 一 个 ListBox、TextBox 和 Button 空间 到 编辑 区 ,切换 至 源 视 图 ,并 编 
写 如 下 代码 。 


< form id = "form1”runat = "server"> 
<div> 


请 选择 您 的 喜欢 的 歌手 < br /> 


< asp:ListBox ID = "lbSonger" runat = "server" Height = "151px" Width = "152px"> </asp: 
ListBox> 

<br /> 

向 列表 中 添加 歌手 < br /> 

< asp:TextBox ID = "txtName" runat = "server"></asp:TextBox> 

< asp:Button ID = "btnAddSonger"” runat = "server" Text = "添加 " OnClick= "Button2_Click" /> 
</div> 


</form> 
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lbSonger 服务 器 列表 控件 用 于 显示 歌手 的 列表 ,文本 框 txtName 用 于 接收 输入 。 
(2) 在 页 面 后 置 代 码 文件 Default. aspx. cs 中 编写 Page_Load 事件 方法 代码 如 下 。 


protected void Page Load(object sender, EventArgs e) 
lbSonger. Items. Add(" 帕 瓦 罗 蒂 "); 
lbSonger. Items. Add(" 多 明 戈 "); 
lbSonger. Items. Add(" 卡 雷 拉 斯 "); 
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(3) 编写 “添加 ”按钮 在 页 面 后 置 代码 文件 Default. aspx. cs 中 对 应 的 Click 事件 方法 代 
码 如 下 。 


protected void btnAddSonger Click(object sender, EventArgs e) 
上 

lbSonger. Items. Add( txtName. Text); 
} 


(4) 运行 页 面 Default. aspx, 在 文本 框 中 输入 歌手 
的 名 字 * 昔 红 ”, 单 击 * 浅 加 "按钮, 发 现 列表 控件 中 并 没 | 加。 Tnws 2 VDocas 
有 像 我 们 想象 的 那样 只 添加 了 “ 韩 红 ”, 而 是 重复 添加 | 收 荐 夫 i 
了 前 面 3 个 歌手 列表 项 ,如 图 4-11 所 示 。 [onto ， 国 
导致 该 问题 的 原因 是 在 页 面 加 载 时 没有 判断 当前 “| Rs 和 
页 面 是 否 是 回 传 页 面 ,导致 每 次 都 要 执行 Page_Load | 腹部 
方法 中 的 添加 前 面 3 个 歌手 的 代码 ,也 就 是 说 , 当 用 户 | 到 2” 
单 击 “ 添 加 ”按钮 后 , 页面 回 传 ,这 段 代码 有 一 次 被 执 | 商 ” 
行 。 为 了 解决 这 个 问题 ,可 以 使 用 ASP.NET 提供 的 一 
个 特殊 属性 Page. IsPostBack 来 进行 判断 ,使 用 过 程 可 向 列表 中 添加 歌手 
以 直接 写成 IsPostBack, 它 是 一 个 布尔 值 , 当 该 值 为 真 | 本 
(true) 时 , 则 页 面 为 回 传 ,否则 就 是 首次 加 载 。 国 丰 地 Intranet 而 - 
(5) 清楚 了 问题 产生 的 原因 后 ,该 问题 就 很 好 解决 


图 4-11 设置 IsPostBack 属性 前 的 
i 面 Default. aspx 的 Page_Load 事件 方法 代 a ° | 
码 如 下 。 


~ http://localhost:271... - oo x 


四 100% ~ 


protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
i 
lbSonger. Items. Add(" 帕 瓦 罗 蒂 "); 
lbSonger. Items. Add(" 多 明成 "); 
lbSonger. Items. Add(" 卡 雷 拉 斯 "); 
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(6) 再 次 运行 Default. aspx 页 面 ,输入 歌手 名 , 单 
击 “ 添 加 ”按钮 ,就 会 看 到 输入 的 歌手 名 被 添加 到 列表 
esi 让 而 
不 。 忆 

页 内 数据 传递 是 最 简单 的 页 面 数据 传递 形式 , 当 | 证 和 和 
用 户 单 击 页 面 上 的 按钮 等 引起 回 传 的 控件 时 ,所 有 页 | 4 时 
面 上 的 服务 器 端 控件 的 值 都 要 回 传 ,而 且 这 些 是 不 需 站 
要 我 们 来 处 理 的 ,ASP.NET 都 已 经 封装 好 了 ,所 以 在 
ASP.NET 中 可 以 使 用 “控件 对 象 名 . 属性 ”的 方式 直接 


- http://localhost:271... - © x 


访问 控件 的 相关 内 容 。 向 列表 中 添加 歌手 
用 ”| 加 
任务 4-2-2 实现 简单 加 法 计算 器 (Ba 
【任务 描述 】 图 4-12 设置 IsPostBack 属性 后 的 
编写 一 个 页 面 ,实现 当 用 户 每 次 单 击 Button 按钮 运行 结果 
时 ,Label 显示 的 内 容 自 动 增 1 。 
【任务 实施 】 


(1) 创建 网 站 项 目 rw4-2-2, 并 在 网 站 项 目下 添加 页 面 Default. aspx, 从 工具 箱 中 拖 放 
一 个 Button 控件 和 一 个 Label 至 页 面 ,并 将 Label 标签 的 Text 属性 值 设置 为 "1”。 
(2) 在 页 面 后 置 文件 Default. aspx. cs 中 编写 单 击 按钮 的 事件 代码 如 下 。 


protected void btnAdd_ Click(object sender, EventArgs e) 
{ 

lbResult. Text = (int.Parse(lbResult.Text) + 1).ToString(); 
! 


这 样 就 实现 了 每 次 用 户 单 击 Button 时 ,Label 显示 的 内 容 自动 加 1。 你 一 定 会 有 一 个 
疑问 ,前 面 讲 过 HTTP 是 无 状态 的 ,在 回 传 过 程 中 ,Label 标签 又 是 如 何 保存 当前 值 的 呢 ? 
在 运行 本 任务 的 页 面 Default. aspx 后 , 右 击 页 面 ,在 弹出 的 快捷 菜单 中 选择 “查看 源 文件 ” 
命令 ,会 发 现 页 面 中 被 自动 添加 了 两 个 二 input 之 标签 ,代码 如 下 。 


< input type = "hidden" name ="_ VIEWSTATE" id="_ VIEWSTATE" 
value = "/wEPDwUKMTI2NTY4ODI3MO9kFgICAw9kFgICAQ8PFgIeBFR1eHQFATVKZGTOAnyq 
EGo4jnQmgYtNfbrdDqxDvQ == " /> 
< input type = "hidden" name =" EVENTVALIDATION" id=" EVENTVALIDATION" 
value = "/wEWAgKOw4 irDwKMk4HYD9BOEzLpvyyeBafwI8A + WxrDTLXh" /> 


其 实 ,ASP.NET 使 用 _VIEWSTATE 来 保存 Web 控件 回 传 时 状态 的 值 。 当 Web 窗 
体 设 置 为 runat 二 “server” 时 候 , 此 窗 体 就 被 附加 了 一 个 隐藏 的 控件 __VIEWSTATE， 
_VIEWSTATE 中 存放 了 所 有 控件 的 状态 值 。 当 请 求 某 页 面 时 ,ASP.NET 把 所 有 控件 的 
状态 序列 化 成 一 个 字符 串 ,然后 作为 窗 体 的 隐藏 属性 送 到 客户 端 , 当 客户 端 将 页 面 回 传 时 ， 
ASP.NET 分 析 回 传 的 窗 体 属性 ,并 赋 给 控件 对 应 的 值 。 全 过 程 由 ASP.NET 自动 完成 , 开 
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发 人 员 不 需要 处 理 。 如 果 不 需 要 维护 视图 状态 ,可 以 在 页 面 的 @Page 指令 中 添加 
EnableViewState 二 “false” 或 者 将 EnableViewState 二 “false” 属 性 添加 至 窗 体 中 的 控件 中 。 

视图 状态 是 用 于 与 窗 体 元 素 对 应 的 ASP.NET 控件 ,同时 ,所 有 标准 的 ASP.NET 控件 
也 都 可 以 维护 自身 状态 。value 属性 中 这 个 宛 长 的 隐 式 字段 含有 窗 体 控件 中 所 有 以 前 的 输 
入 ,Web 窗 体 页 面 中 包含 所 有 控件 的 状态 值 都 保留 在 一 个 ViewState 控件 的 value 属性 中 ， 
只 有 将 窗 体 回 传 给 自身 后 ,才能 保留 其 视图 状态 。 如 果 用 户 离开 此 页 面 ,在 访问 一 些 其 他 网 
站 后 返回 此 页 或 者 窗 体 像 男 一 个 页 面 发 送 ,视图 状态 就 会 丢失 。 


任务 4-2-3 实现 简单 登录 操作 


【任务 描述 】 

使 用 Request 对 象 和 Response 对 象 实现 一 个 简单 登录 操作 ,用 户 登 录 页 面 如 图 4-13 
所 示 ,实现 用 户 名 和 密码 检查 ,如 果 用 户 名 和 密码 都 输入 正确 , 则 将 用 户 跳 转 到 如 图 4-14 所 
示 的 欢迎 页 面 , 在 欢迎 页 面 显示 用 户 名 ` 浏 览 器 版 本 和 浏览 器 语言 等 信息 。 


http://localhost:368... - 


| er3) » | http://localhost:3686/rw 加 
| 富 收 荐 夫 | 下 http:J/ocalhost:3686/r.， 


用 户 名 [Tom 


宁 
| 


| intranet 给 "| 可 100% - 


图 4-13 用 户 登录 页 面 


“欢迎 页 面 ! - Windows Internet Explorer 


登 司 - | 局 http://localhost:3686/rw 图 [ 国 [ 区 | 甩 百度 |leE 
容 收 藏 大 “| 乱 区 还 页 面 1 | 二 三 


欢迎 
2 与 版 本 ，IE7 
浏览 器 语言 是 ，zh-cn 
人 请 求 的 URL: http-/localhost3686/rw4-2-3/Welcome aspx?name=Tom 
指定 的 页 面 路 径 ，G4ASP Net 网 站 开发 项 目 化 救 程 chapter04vw4-2-3ww4-2-3ILoginDemo aspx 
客户 端的 PP 地 址 : 127.001 


完成 局 本 地 Intranet 三 ”区 100% - 


4-14 登录 成 功 欢 迎 页 面 


【任务 实施 】 

(1) 创建 网 站 项 目 rw4-2-3. 通 过 右 击 网 站 项 目 ,添加 页 面 LoginDemo. aspx 和 
Welcome. aspx。 

(2) 在 登录 页 后 置 代 码 文件 LoginDemo. aspx. cs 中 编写 单 击 “ 登 录 ” 按 钮 事件 方法 代码 
如 下 。 
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protected void btnSubmit Click(object sender, EventArgs e) 


{ 
if (this. txtloginId. Text. Trim().Length == 0) 
this. lblMessage. Text = "请 输入 用 户 名 !"; 
return; 


if (this. txtLoginPwd. Text. Trim().Length == 0) 

¢ 
this. lblMessage. Text = "请 输入 密码 !"; 
return; 

8 

if (this. txtloginId., Text. Trim() == "Tom" && this. txtLoginpwd. Text, Trim() == "123") 
Response. Redirect("Welcome.aspx?name = " + this. txtloginId. Text. Trim( )); 


else 
this. lblMessage. Text = "用 户 名 /密码 错误 !"; 
1 


(3) 编写 欢迎 页 面 Welcome. aspx 的 Page_Load 事件 方法 代码 如 下 。 


protected void Page_Load(object sender, EventArgs e) 

if (!IsPostBack) 

| 
string userName = Request. QueryString[ "name"]; 
Response. Write( "欢迎 ," + userName + "<br/>"); 
Response. Write(" 您 的 浏览 器 名 称 与 版 本 :"); 
Response. Write(Request. Browser. Type); 
Response. Write("< br > 您 的 浏览 器 语言 是 : "); 
Response. Write(Request. ServerVariables[ "HTTP_ACCEPT LANGUAGE"].ToString()); 
Response. Write("< br > 当前 请 求 的 URL: "); 
Response. Write(Request.Url); 
Response. Write("< br > 指定 的 页 面 路 径 :"); 
Response. Write(Server. MapPath( "LoginDemo. aspx" )); 
Response. Write("< br > 客户 端的 IP 地 址 : "); 
Response. Write(Request. ServerVariables[ "remote addr"]); 


如 果 用 户 输入 正确 ,LoginDemo. aspx 页 面 使 用 Response. Redirect() 将 页 面 跳 转 到 欢 
迎 页 面 , 并 将 用 户 姓名 添加 URL 中 ,Welcome. aspx 页 面 用 Request. QueryString 从 URL 
中 获取 用 户 名 。 本 任务 中 的 用 户 名 和 和 密码 是 固定 的 ,实际 项 目 中 往往 都 是 从 数据 库 中 读 取 ， 
后 续 相关 任务 中 会 采用 从 数据 库 读 取 用 户 名 和 密码 。 
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任务 4-2-4 实现 系统 级 的 登录 功能 


【任务 描述 】 
在 任务 4-2-3 的 基础 上 结合 Session 和 Cookie 对 象 实现 新 知 书店 管理 员 登 录 功 能 。 符 


合 以 下 需求 : 
”登录 页 面 加 载 时 ,给 出 用 户 名 的 输入 提示 ,如 果 客 户 端 保 存 了 用 户 名 ,显示 用 户 名 ， 


如 图 4-15 所 示 。 


"新 知 书店 "- 网 上 书店 - Windows Intemet Explorer re 
BE 


人 一 htp:/oaalhost4108/rw 国 JP 百度 
过 收藏 大 | 夯 " 叮 知 书 让 "同上 书店 [ 


旦 本 地 Intranet 码 - 六 100% > 


图 4-15 登录 页 面 效 果 
* 实现 用 户 名 和 密码 的 非 空 验证 ,如 果 都 不 为 空 进行 用 户 名 和 和 密码 的 数据 验证 (为 简化 操 
作 , 本 任务 的 用 户 名 和 密码 仍然 固定 ) ,否则 给 出 “请 输入 用 户 名 和 密码 ”的 提示 信息 。 
。 如 果 用 户 名 和 密码 输入 正确 则 跳 转 到 新 知 书店 的 后 台 页 面 ,并 提示 “欢迎 ,xxxx ”， 
否则 给 出 “用 户 名 或 密码 错误 ”的 提示 信息 ,如 图 4-16 所 示 。 


新 知 书店 -管理 后 台 - Windows Inte..。- 
G 辐 ~ | 刁 htp://ocalhost:4108 圈 加 [Xj|P 百 


从 收藏 大。 天 新 郑 书 店 管 理 后 侍 ll 


Ou 


了 
惕 本 地 Intranet 种 ” 页 100% 


图 4-16 新 知 书店 后 台 登 录 成 功效 果 
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【任务 实施 】 
1. 思路 分 析 


(1) 使 用 Cookie 判断 客户 端 是 否 保存 了 用 户 名 ,如果 Cookie 为 空 则 提示 输入 用 户 名 ， 
否则 使 用 Request. CookieLCookie 的 名 称 ]. Value 读 取 用 户 名 并 显示 。 

(2) 使 用 Session 保存 用 户 名 和 密码 。 

(3) 在 加 载 后 台 首页 时 判断 Session 是 否 为 空 , 如 果 为 空 使 用 Response. Redirect() 将 
用 户 重 定向 到 登录 页 面 。 


2. Web 页 面 设计 及 编码 


(1) 创建 网 站 项 目 rw4-2-4, 通 过 右 击 网 站 项 目 , 新 建文 件 夹 Images 并 将 登录 页 面 图 片 
素材 复制 到 该 目录 下 ,添加 页 面 AdminLogin. aspx, 在 页 面 二 head 二 一 /head 二 标签 对 中 编 
写 样式 代码 如 下 。 


<head> 


< style type = "text/css"> 
.login 


1 


position: absolute; 

top: 50%; 

left: 50%; 

margin: — 250px 0 0 — 250px; 


.login 七 


9 


1 


margin: 0 auto; 

width: 598px; 

height: 78px; 

background: url(images/login 03.gif) no— repeat; 


.login m 


1 


margin: 0 auto; 

width: 598px; 

height: 142px; 

background: url(images/login 05. gif) no - repeat; 


.login_b 


margin: 0 auto; 

width: 598px; 

height: 150px; 

Padding - top: 24px; 

background: url(images/login 06.gif) no— repeat; 
text — align: center; 
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.login bp 

If 
margin: 12px 0; 

) 

.login input 

t 
width: 160px; 
height: 20px; 
margin— left: 6px; 
line— height: 20px; 
border: 1px solid #999; 

} 

.login sub 

{ 
width: 67px; 
height: 19px; 
background: url(images/login_sub, gif) no— repeat; 
text 一 align: center; 
border: none; 
line — height: 22px; 

}; 

</style> 
<head> 


(2) 从 工具 箱 拖 入 两 个 TextBox 控件 和 两 个 Button 控件 至 页 面 AdminLogin. aspx, 并 
添加 代码 如 下 。 


< form id = "Login" name = "Login" method = "post" runat = "server"> 
<table align= "center" > 
<tr> 
< td> 用 户 名 </td> 
<td><asp:TextBox runat = "server" ID = "txtLoginId" CssClass = "login input"></asp: 
TextBox ></td> 
</tr> 
<tr> 
< td> 密 gnbsp; &nbsp; 码 </td> 
<td>< asp:TextBox runat = "server" ID = "txtLoginPwd" TextMode = "Password" 
CssClass = "login input"></asp:TextBox></td> 
</tr> 
<tr> 
<td colspan= "2"> 
<asp:Button runat = "server" ID= "btnConfirm" OnClick = "btnConfirm Click" 
Text = "提交 " CssClass = "login_sub" /> 
<asp:Button runat = "server" ID = "btnCancel" OnClick = "btnCancel Click" 
Text = " 重 置 " CssClass = "login_sub" /> 
</td> 
</tr> 
</table> 
</form> 


(3) 在 登录 页 后 置 代 码 文件 AdminLogin. aspx. cs 中 编写 单 击 * 提 交 ”“ 重 置 "按钮 的 
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jp 
贡 


件 方法 及 页 面 Page_Load 事件 方法 代码 如 下 。 


protected void Page_Load(object sender, EventArgs e) 


if (!IsPostBack) 


{ 


} 
由 


if (Request. Cookie["UserName"] == null) 
ll 


this. txtLoginId. Text = "请 在 此 输入 用 户 名 "; 
} 
else 
t 
this. txtLoginId, Text = Request.Cookie["UserName"]. Value; 
} 


this. txtLoginPwd. Text = "请 在 此 输入 密码 "; 


Protected void btnConfirm Click(object sender, EventArgs e) 


{ 


string strMsg = string. Empty; 
if (this. txtLoginId. Text. Trim() == "admin" && this. txtLoginPwd. Text. Trim() == "123456") 


Response. Cookie[ "UserName"]. Value = this.txtLoginId. Text. Trim(); 

Response. Cookie[ "UserName" ]. Expires = DateTime. Now. AddDays(10); 

// 以 下 注释 的 三 行 代码 为 实现 Cookie 的 另外 一 种 方式 

//HttpCookie hcCookie = new HttpCookie("UserName", this. txtLoginId. Text. Trim()); 
//hcCookie. Expires = DateTime.Now.AddDays(1); 

//Response. Cookie. Add( hcCookie); 

UserInfo userInfo = new UserInfo(); 

userInfo. UserName = this.txtLoginId. Text. Trim(); 

userInfo. UserPwd = this.txtLoginPwd. Text.Trim(); 

Session["user"] = userInfo; 

Response. Redirect("Admin/Default. aspx?name = ”+ this.txtLoginId. Text.Trim()); 


else 


}» 
; 


Response. Write( strMsg); 


protected void btnCancel Click(object sender, EventArgs e) 


{ 


this. txtLoginId. Text = String.Empty; 
this. txtLoginPwd. Text = String. Empty; 


(4) 通过 右 击 网 站 项 目 rw4-2-4 ,新建 文件 夹 Admin, 并 在 文件 夹 Admin 下 新 建 两 个 子 
文件 夹 Css、Images, 用 于 存放 后 台 首 页 的 样式 文件 admin. css 和 图 片 资 源 ; 通过 右 击 
Admin 文件 夹 ,添加 新 知 书店 后 台 首 页 Default. aspx, 拖 入 一 个 Label 标签 ,修改 ID 为 
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blCome, 并 编写 代码 如 下 。 


< head runat = "server"> 
<title > 新 知 书店 - 管理 后 台 </title> 
< link href = "CSS/admin.css" rel = "stylesheet" type = "text/css" /><% -- 从 Css 文 件 夹 导 
人 样式 文件 -一 名 > 
</head> 
<body> 
< form id = "Forml" runat = "server"> 
<div id= "header"> 
< img src= "images/admin top.gif" alt="" /></div> 
<div id= "main"> 
<div id = "opt list"> 
< hl > 管理 员 , 您 好 !</hl > 
</div> 
<div id= "opt_area"><br /> 
<asp:Label ID = "lblCome" runat = "server" Text = "Label"></asp:Label > 
</div> 
</div> 
</form> 
</body> 


(5) 编写 后 台 首页 页 面 后 置 代 码 文件 Default. aspx. cs 中 的 代码 如 下 。 


protected void Page_Load(object sender, EventArgs e) 


{ 

if (Session["user"] == null) 

{ 
Response. Redirect("~/AdminLogin. aspx"); 

} 

if (!IsPostBack) 

| 
UserInfo user = Session["user"] as UserInfo; // 使 用 Session 实现 
lblCome. Text = "欢迎 ," + user. UserName; 

和 


任务 4-2-5 统计 网 站 同时 在 线 人 数 及 页 面 点 击 次 数 


【任务 描述 】 

在 任务 4-2-4 的 基础 上 ,统计 新 知 书店 后 台 同 时 在 线 人 数 及 后 台 首 页 浏览 次 数 (刷新 页 
面 也 是 一 次 新 的 浏览 ) 。 

【任务 实施 】 

(1) 创建 网 站 项 目 rw4-2-5, 将 任务 42-4 下 的 页 面 及 文件 夹 全 部 复制 到 网 站 项 目 rw4-2-5， 
拖 放 两 个 Label 标签 至 Admin 文件 夹 下 的 Default. aspx 页 面 中 ,并 在 网 站 根 目录 下 添加 
Global. asax 文件 。 

(2) 在 Application_Start 事件 中 使 用 Application["UserOnLineCnt"] = 0 初始 化 同 
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时 在 线 人 数 ,Application[ "PageClickCnt"] = 0 初始 化 网 页 浏览 次 数 , 代 码 如 下 。 


void Application Start(object sender, EventArgs e) 

{ 
// 在 应 用 程序 启动 时 运行 的 代码 
Application. Lock( ); 
Application[ "UserOnLineCnt"] = 0; // 记 录 同 时 在 线 人 数 
Application[ "PageClickCnt"] = 0; // 记 录 页 面 点 击 次 数 
Application. UnLock( ); 

1 


(3) 在 Session_Start 事件 中 增加 在 线 人 数 , 在 Session_End 事件 中 减少 在 线 人 数 ,减少 
人 数 时 需要 判断 当前 Application[ "UserOnLineCnt"] 是 否 大 于 零 ,代码 如 下 。 


void Session Start(object sender, EventArgs e) 
| 
// 在 新 会 话 启 动 时 运行 的 代码 
Application. Lock( ); 
Application[ "UserOnLineCnt"] = (int)Application["UserOnLineCnt"] + 1; 
Application. UnLock( ); 
} 


void Session_ End(object sender, EventArgs e) 
{ 
// 在 会 话 结束 时 运行 的 代码 
// 注 意 : 只 有 在 Web. config 文件 中 的 sessionstate 模式 设置 为 
//InProc 时 , 才 会 引发 session_End 事件 。 如 果 会 话 模式 
// 设 置 为 StateServer 或 SQLServer, 则 不 会 引发 该 事件 
if (((int)Application[ "UserOnLineCnt"]) > 0) 
Application. Lock( ); 
Application[ "UserOnLineCnt"] = (int)Application["UserOnLineCnt"] - 1; 
Application. UnLock( ); 


1 


(4) 在 页 面 的 后 置 代码 文件 Default. aspx. cs 中 编写 实现 统计 网 页 访问 次 数 的 代码 ,这 
里 回 传 不 能 算是 一 次 浏览 ,实现 代码 如 下 。 


protected void Page Load(object sender, EventArgs e) 
‘ 
if (Session["user"] == null) 
| 
Response. Redirect("~/AdminLogin. aspx" ); 
3 


if (!IsPostBack) 
|! 
UserInfo user = Session["user"] as UserInfo; // 使 用 Session 实现 
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lblCome. Text = "欢迎 ," + user. UserName; 
// 显 示 网 站 在 线 人 数 ,统计 由 Session_Start 事件 实现 , 即 建 立会 话 增加 1 人 
if (Application[ "UserOnLineCnt"]!= nul1) 


{ 


lbUserOnLineCnt. Text = "网 站 在 线 人 数 : " + (int)Application["UserOnLineCnt"]; 


// 实 现 浏览 网 页 次 数 统计 
Application. Lock( ); 


Application["PageClickCnt"] = (int)Application["PageClickCnt"] + 1; 


Application. UnLock( ); 


lbPageClickCnt. Text = "本 网 页 浏览 (刷新 ) 次 数 :”+ (int)Application[ "PageClickCnt"]; 


(5) 运行 AdminLogin. aspx 页 面 ,输入 正确 的 用 户 名 和 密码 ,登录 至 新 知 书店 后 台 首 
页 Default. aspx; 刷 新 一 次 页 面 ,效果 如 图 4-17 所 示 , 更 换 用 户 再 次 登录 并 刷新 页 面 几 次 


后 ,效果 如 图 4-18 所 示 。 


“ 新知 书 店 -管理 后 台 - Windows Inter,.，- 
生 辐 ~ | 有 http://ocalhost:4873 轿 | 国 加 | 区 | |P 百 n 


众 收 藏 天 “七 新 知 书店 -管理 后 台 ll 


XINZHI BOOKS 


httpykmxztsimalLcom 


欢迎 ,adnin 
网 站 在 线 人 数 ，1 
本 网 页 浏览 ( 剧 新 ) 次 数 :2 


< > 


最 本 地 Intranet 三- 


所 100% -~ 


图 4-17 统计 在 线 人 数 及 网 页 浏览 次 数 (admin) 


人 3 项 目 实 训 


新 知 书店 -管理 后 台 - Windows Inter... - 口 x 
酌 辐 。 四 htp:noalhost4873 同 回回 区 | 可 


遍 收 藏 | 蕊 新 知 书店 -管理 后 台 | 


XINZHI BOOKS 


httpykmctstmalLcom 


欢迎 , tom 
网 站 在 线 人 数 ，2 
本 网 页 浏览 吊 新 ) 座 数 :7 


本 
局 本 地 Intranet 


确 ” 扫 100% 


图 4-18 统计 在 线 人 数 及 网 页 浏览 次 数 (Tom) 


实现 “博客 系统 "的 登录 模拟 功能 (不 基于 数据 库 ) 


【需求 说 明 】 


。 参考 任务 4-2-4 为 “博客 系统 ”创建 用 户 登 录 页 面 login. aspx, 用 Session 来 保存 用 户 
登录 信息 ,然后 跳 转 到 欢迎 页 面 ,再 在 欢迎 页 面 读 取 Session 的 值 ,并 进行 验证 ,要 求 


只 有 用 户 名 为 MyBlog、 密 码 为 123456 的 用 户 才能 登录 ,登录 成 功 后 跳 转 到 欢迎 页 


面 Welcome. aspx, 并 用 Session 输出 用 户 信息 。( 提 示 : 创建 一 个 UsersInfo 类 ,用 
来 保存 用 户 信息 ; 利用 Session 来 保存 userInfo 对 象 的 信息 ; 在 欢迎 页 面 读 取 
Session 的 值 ,并 对 其 进行 验证 ,验证 失败 返回 登录 页 。) 

。 为 了 跟踪 注册 会 员 访问 “博客 系统 ”的 情况 ,要 求 把 成 员 的 访问 记录 保存 在 用 户 的 浏 
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览 器 端 。 并 能 记录 访问 者 的 最 近 访问 次 数 ,期 限 为 一 个 月 ,并 新 建 一 个 成 员 管 理 页 
面 UserMsg. aspx 查看 成 员 的 访问 记录 。 


人 4 单元 小 结 


本 单元 讲解 了 页 面 生命 周期 、 页 面 传 值 及 ASP.NET 内 置 对 象 ,包括 如 何 创 建 ASP . 
NET 内 置 对 象 和 使 用 ASP.NET 内 置 对 象 。 本 单元 重点 介绍 了 以 下 6 个 对 象 。 
。 Request 对 象 : 用 来 获取 客户 端 信息 。 
Response 对 象 : 可 以 向 客户 端 输出 。 
Session 对 象 : 记载 特定 客户 的 信息 。 
Application 对 象 : 存储 ASP.NET 应 用 程序 中 多 个 会 话 和 请 求 之 间 的 全 局 共享 信息 。 
。 Server 对 象 : 专 为 处 理 服务 器 上 的 特定 任务 。 
。 Cookie 对 象 : 一 种 可 以 在 客户 端 保存 信息 的 方法 。 
Web 应 用 程序 从 本 质 上 来 讲 是 无 状态 的 ,为 了 维护 客户 端的 状态 ,还 重点 阐述 了 如 何 
使 用 Session、Cookie、Application 等 ASP.NET 内 置 对 象 进行 客户 端 状 态 的 维护 。 本 单元 
知识 体系 如 图 4-19 所 示 。 


页 内 数据 传递 
页 面 传 值 忆 六 previousPage FindControl( 控 件 ID) 
跨 页 数据 传递 5 加 状态 保持 


页 面 生命 周期 


Page 对 象 

二 Request 对象 
系统 对 象 与 数据 传递 网 Response 对 象 
系统 对 象 ST 回 cookie 对 象 

回 Application 对 象 
加 Session 对象 

网 Server 对 象 


页 面 及 其 所 有 控件 的 状态 
视图 状态 -+ 回 通 过 EnableViesState 属 性 设 置 是 否 禁 用 页 面 或 控件 的 视图 状态 
视图 状态 不 宜 用 来 存 售 大 量 数据 


图 4-19 系统 对 象 与 数据 传递 知识 体系 


45 单元 练习 题 


一 、 选 择 题 

1. 下 面 ( ) 文 件 主要 定义 应 用 开始 和 结束 、 会 话 开始 和 结束 、 请 求 开始 和 结束 等 事 
件 发 生 时 ,要 做 的 事情 。 

A. web. config B. Global. inc C. Config. asax D. Global. asax 
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DA 


车 


2. 一 个 ASP.NET 应 用 程序 中 一 般 只 有 ( ) 个 Global. asax 文件 有 效 。 
A.0 B. 1 G 洲 平 D. 以 上 都 不 对 
3. 在 一 个 ASP.NET 应 用 程序 ,希望 在 每 一 次 新 的 会 话 开始 时 ,进行 一 些 初始 化 任务 。 


该 在 ( ) 事 件 中 编写 代码 。 


A. Application_Start B. Application BeginRequest 

C. Session_Start D. Session_End 

4. 下 列 选项 中 ,只 有 ( ) 不 是 Page 指令 的 属性 。 

A. CodePage B. Debug C. namespace D. Language 


5. 在 一 个 名 为 Login 的 Web 网 页 中 , 先 需要 在 其 Page_Load 事件 中 判断 该 页 面 是 否 


回 传 ,需要 使 用 下 列 ( ) 属 性 。 


A. Page. IsCallback B. Page.IsAsync 

C. Page. IsPostBack D. Login. IsPostBack 
Bid ) 事 件 在 页 面 被 加 载 的 时 候 ,自动 调用 该 事件 。 

A. Page_Load B. Page_UnLoad 

C. Page_OnLoad D. Page_Submit 


7. 下 面 程序 段 执行 完毕 后 ,页 面 显示 的 内 容 是 ( )。 


Response. Write( "Hello"); 
Response. End( ); 
Response. Write("World" ) 7 


A. HelloWorld B. World C. Hello D. 出 错 

8. 下 面 的 (  ) 方 法 用 于 将 客户 浏览 器 重新 定向 到 一 个 新 的 URL 地 址 。 

A. Redirect B. BinaryRead C. UrlPathEncode D. UrlDecode 
9. 使 用 ( ) 对 象 的 SaveAs 方法 可 以 将 HTTP 请 求 保存 到 磁盘 上 。 

A. Request B. Response C. Session D. Application 


10. 一 家 在 线 测试 中 心 TestKing 公司 创建 一 个 ASP.NET 应 用 程序 。 在 用 户 结束 测 


试 后 ,这 个 应 用 程序 需要 在 用 户 不 知道 的 情况 下 ,提交 等 案 给 ProcessTestAnswers. aspx 


页 。 


这 ProcessTestAnswers. aspx 页 面 处 理 这 答案 ,但 不 提供 任何 显示 消息 给 用 户 。 当 处 


理 完成 时 ,PassFailStatus. aspx 页 面 显示 结果 给 用 户 。 在 PassFailStatus. aspx 页 面 中 加 


( 


) 代 码 ,来 执行 ProcessTestAnswers. aspx 页 面 中 的 功能 。 
A. Server. Execute("ProcessTestAnswers. aspx") 
B. Response. Redirect("ProcessTestAnswers. aspx") 
C. Response. WriteFile("ProcessTestAnswers. aspx") 
D. Server. Transfer("ProcessTestAnswers. aspx" ,True) 
11. 一 个 应 用 程序 中 一 般 有 ( ) 个 web. config 文件 有 效 。 
A. 0 BL C. 若干 D. 以 上 都 不 对 
12. 在 名 为 Login 的 页 面 的 Page_Error 事件 中 捕获 了 一 个 未 处 理 的 异常 , 现 需 要 清除 


刚 产生 的 异常 ,需要 使 用 下 列 ( ) 语 句 。 


A. HttpServerUtiliity. ClearError() B. Page.ClearError() 
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C. Login. ClearError() D. Server. ClearError() 
13. 在 一 个 ASP.NET 的 网 站 中 ,如 果 需 要 在 应 用 程序 级 捕获 未 处 理 的 异常 ,应 该 使 用 
下 列 ( ”“) 事 件 。 


A. Response_Error B. Server_Error 

C. Application_Error D. Page_Error 

14. Request 对 象 中 获取 Get 方式 提交 的 数据 的 方法 是 ( Ys 
A. Cookie B. ServerVariables 
C. QuerySttring D. Form 


15. 创建 一 个 显示 金融 信息 的 Web 用 户 控件 。 如 果 和 希望 该 Web 用 户 控件 中 的 信息 能 
在 网 页 的 请 求 之 间 一 直 被 保持 ,应 该 采取 ( ) 方 法 。 

A. 设置 该 Web 用 户 控 件 的 PersistState 属性 为 真 

B. 设置 该 Web 用 户 控 件 的 EnableViewState 属性 为 真 

C. 设置 该 Web 用 户 控 件 的 PersistState 属性 为 假 

D. 设置 该 Web 用 户 控件 的 EnableViewState 属性 为 假 

16. Session 对 象 的 默认 有 效 期 为 ) 分 钟 。 

A. 10 B. 15 C. 20 D. 30 

17. 下 面 程序 段 执行 完毕 ,页 面 显示 的 内 容 是 ( ji 


string strName; 

strName = "user name"; 

Session[ "strName"] = "Mary"; 
Session[ strName] = "John"; 

Response. Write( Session[ "user_ name"]); 


A. Mary B. John 

C. user_name D. 语法 有 错 ,无 法 正常 运行 

18. 下 列 ( ) 对 象 经 常用 来 制作 网 页 计数 器 。 

A. Response B. Application C. Request D. Session 


19. 在 同一 个 应 用 程序 的 页 面 1 中 执行 Session. Timeout 二 30, 那 么 在 页 面 2 中 执行 
Response. Write(Session. Timeout) , 则 输出 值 为 ( We 


A. 15 B. 20 C30 D, 25 
20. Application 对 象 的 默认 有 效 期 为 ( jw 

A. 10 天 耻 本 天 

C20 关 D. 从 网 站 启动 到 终止 


21. 下 面 代码 实现 一 个 站 点 访问 量 计数 器 ,空白 处 的 代码 为 ( )。 


void (object sender, EventArgs e) 

{ 

Application. Lock( ); 

Application[ "AccessCount"] = (int)Application["AccessCount"] + 1; 
Application. UnLock( ); 

; 
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. Application_Start B. Application_Error 
. Session_Start D. Session_End 

、 填空 题 

列举 ASP .NET 中 的 七 个 内 置 对 象 : 


rpP > 


. 应 用 程序 开始 时 ,调用 事件 ; 应 用 程序 结束 时 ,调用 。 
. 一 次 新 的 会 话 开始 时 ,调用 事件 ; 会 话 结束 时 ,调用 事件 。 
”方法 可 获得 网 站 根 目录 的 物理 路 径 。 
、 问 答题 
. 简 述 Global. asax 文件 的 结构 。Web 应 用 程序 可 以 在 哪些 目录 中 放置 此 文件 ? 
.ASP.NET 页 面包 含 哪些 内 置 对 象 ? 
. 简 述 ASP.NET 网 页 文件 由 哪 几 部 分 组 成 。 
. 试 说 明 什么 是 Application 和 Session 对 象 ,其 差异 是 什么 ? 如 果 存 储 用 户 专 用 信 
息 , 应 该 使 用 哪个 对 象 变量 来 存储 ? 

5. 什么 是 Cookie? 如 何 创 建 和 读 取 Cookie 对 象 ? 

6. Application 对 象 的 Lock 方法 和 UnLock 方法 具有 什么 作用 ? 


1 


单 
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教学 目标 : 

能 创建 母 版 页 及 基于 母 版 页 的 内 容 页 。 

了 解 母 版 页 的 优点 以 及 与 普通 页 面 的 区 别 。 

学 会 创建 网 站 地 图 文件 。 

掌握 使 用 SiteMapPath 控件 实现 “面包 屑 导航” 功能。 

掌握 使 用 TreeView 控件 的 节点 编辑 器 设置 树 状 导航 的 方法 。 
掌握 使 用 TreeView 控件 和 递归 法 动态 实现 树 状 导 航 。 


6.1 知识 准备 


5.1.1 CSS 样式 控制 


CSS(Cascading Style Sheets, 级 联 样 式 表 ) 是 用 于 控制 网 页 样式 并 允许 将 样式 信息 与 
网 页 内 容 分 离 的 一 种 标记 性 语言 ,是 非常 重要 的 页 面 布局 方法 ,也 是 最 高 效 的 页 面 布局 
方法 。 

1. 页 面 中 使 用 CSS 的 三 种 方法 

CSS 被 设计 用 来 与 HTML 联合 建立 网 页 , 它 不 能 独立 运行 ,需要 依附 到 页 面 上 才能 发 
挥 作用 。 通 常 在 网 页 中 CSS 规定 了 如 下 3 种 定义 样式 的 方法 。 

。 内 联 式 : 直接 将 样式 控制 放置 在 单个 HTML 元 素 内 。 

。 嵌入 式 : 在 网 页 的 head 部 分 定义 样式 。 

。 外 部 链接 式 : 以 扩展 名 . css 的 文件 保存 被 称 为 CSS 文件 的 样式 定义 ,将 CSS 文件 链 

接 到 相应 的 网 页 中 。 


1) 内 联 式 样式 
内 联 样式 直接 将 CSS 放 在 某 个 HTML 标签 中 ,通过 使 用 style 属性 设置 ,一 般 形式 为 : 


style= "属性 名 1: 值 1; 属 性 名 2: 值 2; …" 


例如 : 
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<body> 


<div style= "color: Red; background - color: blue"> 内 联 式样 式 示例 </div> 
</body> 


属性 名 与 属性 值 之 间 用 “: "分隔 ,如 果 一 个 样式 中 有 多 个 属性 ,各 属性 之 间 用 分 号 *;” 隔 
开 。 用 内 联 式 的 方法 进行 样式 控制 固然 简单 ,但 是 其 维护 过 程 却 是 非常 复杂 和 难以 控制 的 。 
【示例 5-1】 style 属性 的 内 联 式 样式 演示 。 
(1) 在 ch05 网 站 项 目 中 创建 文件 StyleInCss. aspx 
(2) 在 页 面 文件 StyleInCss. aspx 中 添加 如 下 代码 ; 


<body> 
<div style= "font - size: 16px; "> 这 是 一 段 测试 文字 1 </div> 
<div style= "font - size: 16px; font - weight: bolder"> 这 是 一 段 测试 文字 2 </div> 
< div style= "font - size: 16px; font - style: italic"> 这 是 一 段 测试 文字 3 </div> 
< div style = "font - size: 20px; font - variant: small - caps"> This is My First CSS code</div> 
< div style= "font - size: 14px; color: red"> 这 是 一 段 测 试 文字 5 </div> 
</body> 


2) 嵌入 式样 式 

在 网 页 的 head 部 分 直接 实现 CSS 样式 , 即 在 二 head 二 与 二 /head 标 签 内 定义 样式 ， 
以 一 style 二 开始 ,二 /style 二 结束 。CSS 规则 由 两 部 分 组 成 : 选择 符 和 声明 。 声 明 由 属性 名 
和 属性 值 组 成 。 简 单 的 CSS 规则 如 下 : 


选择 符 {属性 名 1: 值 1; 属性 名 2: 值 2; …} 
例如 : p { color : Green; } 


p( 段 落 标 签 ) 为 选择 符 ,color( 颜 色 ) 是 p 的 属性 名 ,green( 绿 色 ) 是 color 的 属性 值 。 该 
规则 声明 所 有 段落 标签 的 内 容 应 该 将 color 属性 设置 为 绿色 , 即 所 有 过 p 二 中 文本 将 变 成 
绿色 。 

【示例 5-2】 style 属性 的 嵌入 式样 式 演示 。 

(1) 在 ch05 网 站 项 目 中 创建 文件 StyleInLinkCss. aspx。 

(2) 在 页 面 文件 StyleInLinkCss. aspx 中 添加 如 下 代码 : 


< head id = "Head1”runat = " server"> 
<title> 示 例 5- 2</title> 
< style type = "text/css"> 
body 
4 
text 一 align: center; 
font - family: @ 微 软 雅 黑 ; 


font — size: xx— large; 


color: Red; 
background — color: blue; 
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} 
</style> 
</head> 
<body> 
<form id = "forml" runat = "server"> 
<div> 典 人 式样 式 示例 </div> 
</form> 


</body> 


3) 链接 式样 式 


在 页 面 中 使 用 CSS 最 常用 的 方法 是 链接 式样 式 。 利 用 这 种 方法 可 以 在 网 页 中 调用 已 
经 定义 好 的 样式 表 文 件 (. css 文件 ) 。 


与 嵌入 式 相 比 ,链接 式 可 以 将 定义 好 的 样式 在 网 站 的 多 个 页 面 上 重复 使 用 ,提高 了 开发 
效率 ,降低 了 维护 成 本 ,同时 也 实现 了 将 页 面 结构 和 表现 彻底 分 离 , 最 适合 大 型 网 站 的 外 观 
设计 。 本 书 贯穿 项 目 “ 新 知 书店 ”网 站 的 页 面 样式 控制 采取 链接 式样 式 。 

2. 样式 规则 

无 论 是 定义 内 嵌 式 样式 还 是 链接 式样 式 , 每 个 样式 的 定义 格式 相同 : 

选择 符 { 属 性 名 1: 值 1; 属 性 名 2: 值 2; …} 


其 中 ,选择 符 是 指 样式 定义 的 对 象 ,可 以 是 HTML 标记 元 素 、 用 户 自 定义 的 类 、 用 户 自 
定义 的 id、 伪 类 .具有 层次 关系 的 样式 规则 及 并 列 的 样式 选择 符 等 。 

1) 元 素 选择 符 

任何 HTML 元 素 都 可 以 是 一 个 CSS 的 元 素 选择 符 , 例 如 ,div{color : red} ,该 样式 规 
则 中 的 元 素 选 择 符 是 div,div 块 内 的 所 有 文字 颜色 为 红色 。 

2) 类 选择 符 

类 选择 符 用 于 定义 页 面 上 的 相关 HTML 元 素 组 ,使 它们 具有 合适 的 相同 样式 规则 。 
创建 类 时 ,用 户 需要 给 它 命 名 ,命名 时 最 好 使 用 字母 和 数字 。 

定义 了 类 之 后 ,用 户 可 以 使 用 它 作 为 CSS 的 选择 符 。 类 选择 符 以 “. ”为 起 始 标 记 , 一 般 
格式 为 : 


.类 选择 符 {属性 名 1: 值 1; 属 性 名 2: 值 2; …} 
例如 : 


.cl { color : Red; } 
.C2 { font— size : large; } 


上 面 定 义 了 两 个 类 ,类 cl 定义 了 颜色 属性 ,类 c2 定义 了 字体 大 小 属性 。 
在 HTML 文档 中 可 以 按 下 列 方式 引用 : 
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<div> 

<hl class = "cl"> 通 知 </hl > 

<p class = "c2"> 将 与 今天 下 午 2 点 召开 各 部 门 会 议 .</p> 
</div> 


标签 二 hl 二 中 的 文本 颜色 为 红色 ,标签 二 p 二 中 的 字体 大 小 为 "large”。 因 为 它们 各 自 
的 class 属性 值 为 类 cl 和 类 c2 。 

3) id 选择 符 

只 有 在 页 面 上 的 标签 才能 具有 给 定 的 id, 它 必须 是 唯一 的 ,并 只 用 于 指示 该 元 素 。 

下 面 的 例子 中 标签 二 a 二 定义 了 一 个 id 属性 , 值 是 "next"。 


<a href = "next. htm" id= "next"> 下 一 步 </a> 


在 CSS 中 ,id 选择 符 由 id 值 前 面 的 “#”( 井 号 ) 符 号 指示 ,例如 : 


#next { font - size : large; } 


在 实际 应 用 中 ,用 户 应 如 何 选取 类 选择 或 id 选择 符 设置 样式 呢 ? 

类 选择 符 更 灵活 ,id 选择 符 能 完成 的 它 都 能 完成 ,甚至 比 id 选择 符 能 完成 的 还 要 多 。 
如 果 想 重用 样式 ,用 户 也 可 以 使 用 类 选择 符 来 完成 。 但 是 用 id 选择 符 就 完成 不 了 ,因为 id 
值 在 页 面 文档 中 必须 是 唯一 的 , 即 只 有 一 个 元 素 具有 该 值 。 

注意 : 如 果 在 一 个 元 素 的 样式 定义 中 , 既 引 用 了 元 素 选 择 符 ,又 引用 了 类 选择 符 和 id 
选择 符 , 则 id 选择 符 的 优先 级 最 高 ,其 次 是 类 选择 符 , 元 素 选 择 符 的 优先 级 最 低 。 

4) 伪 类 

伪 类 可 以 看 作 是 一 种 特殊 的 类 选择 符 , 是 能 被 支持 CSS 的 浏览 器 自动 所 识别 的 特殊 选 
择 符 。 它 的 最 大 的 用 处 就 是 可 以 对 链接 在 不 同 状 态 下 定义 不 同 的 样式 效果 。 

在 CSS 中 用 4 个 伪 类 来 定义 链接 样式 ,分 别 是 a:link、a: visited、a: hover 和 a:active， 


例如 : 
a:link {color: #FF0000} /* 未 被 访问 的 链接 红色 x*/ 
a:visited {color: #00FF00} /* 已 被 访问 过 的 链接 绿色 * / 
a:hover {color: #FFCCOO} /* 鼠标 悬浮 在 上 的 链接 橙色 x / 
a:active {color: #0000FF} /* 鼠标 点 中 激活 链接 蓝 色 * / 


以 上 语句 分 别 定义 了 链接 已 访问 过 的 链接 、 鼠 标 停 在 上 方 时 、 单 击 鼠 标 时 的 样式 。 注 
意 , 必 须 按 以 上 顺序 书写 ,否则 不 能 按 预期 效果 显示 。 

5) 包含 选择 符 

包含 选择 符 用 于 定义 具有 层次 关系 的 样式 规则 , 它 由 多 个 样式 选择 符 组 成 ,选择 符 之 间 
用 空格 隔 开 。 一 般 格式 为 : 


选择 符 1 选择 符 2 … {属性 名 1: 值 1; 属 性 名 2: 值 2; …} 


例如 ,div hl{ color : red } ,这 种 方式 只 对 div 中 包含 的 hl 起 作用 ,对 单独 的 div 或 hl 
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均 无 效 。 

6) 并 列 选择 符 

如 果 有 多 个 不 同 的 样式 选择 符 的 样式 相同 , 则 可 以 使 用 并 列 选择 符 简 化 定义 ,每 个 样式 
选择 符 之 问 用 逗号 隔 开 。 一 般 格 式 为 : 


选择 符 1, 选 择 符 2，… {属性 名 1: 值 1; 属 性 名 2: 值 2; …} 


例如 : 


.Classone, #bb, hl{color : red} 


5.1.2 页 面 框架 


1.“ 新 知 书店 ”项目 概况 

“新 知 书店 ”是 一 个 电子 商务 网 站 , 它 以 图 书 的 在 线 销售 为 主要 内 容 ,根据 单元 1 中 的 分 
析 ,“ 新 知 书店 ”功能 模块 可 以 分 为 前 台 页 面 , 管 理 端 后 台 页 面 和 用 户 后 台 页面 三 大 部 分 。 管 
理 端 后 台 有 页 面 时 在 根 目录 下 的 Admin 文件 夹 下 ; 用 户 后 台所 有 页 面 在 Membership 文件 
夹 中 ; 前 台 页 面 直接 放 在 站 点 根 目录 下 。 一 般 而 言 , 每 一 部 分 都 有 各 自 的 布局 风格 , 接 下 来 
将 使 用 所 学 知识 和 技能 完成 “新 知 书店 ”的 项 目 开发 任务 。 


2. 网 页 布局 和 框架 技术 


1) 网 页 布局 

一 个 积累 了 大 量 用 户 的 网 站 , 仅 靠 网 站 的 内 容 来 吸引 用 户 眼 球 是 远 远 不 够 的 ,网 站 的 风 
格 和 良好 的 用 户 体验 也 起 着 至 关 重 要 的 作用 。 网 站 就 像 网 上 的 家 ,也 需要 装修 .设计 ,这 就 
需要 合理 布局 ,典型 的 页 面 布 局 有 栏 式 结构 和 区 域 结 构 。 

栏 式 结构 是 很 常见 的 页 面 结构 ,其 特点 是 简单 实用 、 条 理 分 明 、 格 局 清晰 严谨 ,适合 信息 
量 大 的 页 面 。 图 5-1 列 出 了 几 种 常见 的 栏 式 结构 。 


5-1 常见 的 网 页 栏 式 结构 


区 域 结构 现在 使 用 比较 少 ,其 特点 是 页 面 精美 ,主题 突出 、 空 
间 感 很 强 , 不 过 仅 适合 信息 量 比较 少 的 页 面 。 图 5-2 是 一 个 区 域 
结构 的 样 例 , 页 面 被 划分 成 了 多 个 区 域 ,有 很 大 的 空间 留 给 背景 。 
实现 页 面 布局 ,现在 一 般 使 用 DIV 十 CSS。 早 期 曾 大 量 使 用 
<table 盖 作为 布局 方式 ,由 于 DIV 十 CSS 方式 具有 代码 简洁 等 优 
势 ,二 table 记 布局 方式 逐渐 被 弃 用 。 图 5-2 区域 结构 示例 
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注意 ; 过 table 记 用 于 页 面 布局 越 来 越 少 ,但 并 不 代表 二 tabel 记 标签 应 被 丢弃 ,在 DIV 
布局 的 页 面 上 ,常常 会 有 二 table 二 的 表格 。 在 许多 项 目 中 ,往往 用 DIV 实现 页 面 的 整体 布 
局 ,而 页 面 中 列表 的 显示 还 是 常常 使 用 一 table 二 标签 。 

2) Frameset 和 Iframe 

前 面 介绍 过 框架 集 ( 二 frameset 二 ) 和 内 岩 框 架 一 iframe 之 。Frameset 是 指 页 面 各 个 窗 
口 全 部 用 框架 实现 ,使 用 frameset 可 以 在 同一 个 浏览 器 中 显示 多 个 页 面 的 集合 。Iframe 是 
指 页 面 中 的 部 分 内 容 用 框架 实现 。 

使 用 页 面 框架 的 优势 如 下 : 

。 框架 能 将 多 个 页 面 组 合 显示 ,并 且 各 个 页 面 之 间 相 互 独立 。 

。 页 面 的 复 用 实现 了 站 点 风格 的 统一 。 

。 页 面 结构 清晰 便于 用 户 的 使 用 。 

在 ASP.NET 中 ,也 可 以 使 用 框架 技术 完成 页 面 设计 。 如 图 5-3 所 示 是 使 用 内 肉 框 架 
到 iframe 盖 实现 的 “新 知 书店 ”管理 后 台 首 页 , 左 侧 方 框 引 用 的 是 管理 后 台 菜 单 页 面 
adminMenu. aspx', 右 侧 方 框 引 用 的 是 管理 后 台 内 容 页 面 adminContent. aspx。 


- 新知 书店 -管理 后 台 - Windows Internet Explorer 
个 名- 回 http://localhost:1452/We 四 区 x [2 百度 
宽 收 藏 天 “| 菩 新 知 书店 -管理 后 台 


a 


XINZHI BOOKS 
httpJWmoczts.tmalLcom 


站 现在 的 位 置 : 
营 程 员 ,你 好 ， 


adninlen. aspx adninCntert. aspx 


图 5-3 使 用 框架 构建 的 “新 知 书店 "管理 后 台 首 页 
管理 后 台 首页 中 的 关键 代码 如 下 : 


< form id = "forml”runat = "server"> 
<div> 
< img src = "images/admin top.gif" alt="" /> 
</div> 
<div> 


< iframe name = "admin menu" src= "adminMenu.aspx" frameborder = "0" 
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scrolling= "no" width="210" height = "590"></iframe> 
< iframe name = "admin content" src = "adminContent.aspx" frameborder = "0" 
scrolling= "no" width="760" height = "590"> </ iframe> 
</div> 
</form> 


虽然 页 面 框架 技术 有 诸多 优势 ,但 在 实际 开发 中 页 面 框架 技术 也 存在 如 下 问题 : 
* Iframe 标签 的 内 容 不 利于 搜索 引擎 的 收录 。 

。 支持 页 面 框架 技术 的 浏览 器 不 多 。 

。 Iframe 中 链接 的 页 面 会 增加 请 求 。 

。 页 面 设计 不 直观 ,不 便于 页 面 编写 。 

ASP.NET 中 的 母 版 技术 可 以 很 好 地 解决 上 述 问题 。 


5.1.3 母 版 页 


在 Web 应 用 开发 过 程 中 ,经 常会 遇 到 Web 应 用 程序 中 的 很 多 页 面 的 布局 都 相同 这 种 
情况 。 在 ASP.NET 中 ,可 以 使 用 CSS 和 主题 减少 多 页 面 的 布局 问题 ,但 是 CSS 和 主题 在 
很 多 情况 下 还 无 法 胜任 多 页 面 的 开发 ,这 时 就 需要 使 用 母 版 页 。 


1. 母 版 页 和 内 容 页 的 概念 


母 版 页 是 用 于 设置 页 面 外 观 的 模板 ,是 一 种 特殊 的 ASP.NET 网 页 文件 ,同样 也 具有 其 
他 ASP.NET 文件 的 功能 ,如 添加 控件 .设置 样式 等 ,只 不 过 其 扩展 名 是 . master。 在 母 版 页 
中 ,界面 被 分 为 公用 区 和 可 编辑 区 ,公用 区 的 设计 方法 与 一 般 页 面 的 设计 方法 相同 ,可 编辑 
区 用 ContentPlaceHolder 控件 预 留 出 来 。 

引用 母 版 页 的 . aspx 页 面 成 为 内 容 页 ,在 内 容 页 中 , 母 版 的 ContentPlaceHolder 控件 预 
留 的 可 编辑 区 会 被 自动 替换 为 Content 控件 ,开发 人 员 只 需要 在 Content 控件 区 域 中 填充 
内 容 即 可 ,在 母 版 页 中 定义 的 其 他 标记 将 自动 出 现在 引用 该 母 版 页 的 . aspx 页 面 中 , 母 版 页 
的 部 分 以 灰色 显示 ,表示 不 能 修改 这 些 内 容 。 

母 版 页 和 内 容 页 的 关系 如 图 5-4 所 示 。 


[Ey "A.master” 和 内 容 文件 “A.aspx” 
<%@ Master %> <% 命 Page 内 容 文件 = 
“A.master” %> 


<asp:contentplaceholder D' 
te | 当 <asp:Content runat=server 
Monatsserver io an 六 加 contenrptacehotdertde"main- ， 
此 处 为 内 容 </asp:Content> 


<asp:contentplaceholder 


runat=server 1d="Footer” / <asp:Content runat=server 


ContentPlaceHolderld="Footer" > 
此 处 为 内 容 s/asp:Content> 


图 5-4 母 版 页 和 内 容 页 的 关系 
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从 图 5-4 中 可 以 总 结 出 母 版 页 的 工作 过 程 : 

(1) 用 户 在 浏览 器 中 通过 内 容 页 的 URL 来 请 求 访问 Web 页 面 。 

(2) 获取 该 页 后 , 读 取 页 面 的 Page 指令 。 如 果 该 指令 引用 一 个 母 版 页 , 则 读 取 相 应 的 
母 版 页 。 如 果 是 第 一 次 请 求 这 两 个 页 , 则 两 个 页 都 要 进行 编译 。 

(3) 将 内 容 页 中 各 个 Content 控件 的 内 容 合 并 到 母 版 页 中 相应 的 ContentPlaceHolder 
控件 中 ,生成 结果 页 。 

(4) 用 户 浏览 器 中 呈现 服务 器 返回 的 由 母 版 页 与 内 容 页 合并 的 结果 页 。 

步骤 (2) 一 (4) 对 用 户 来 说 是 透明 的 ,由 服务 器 自动 完成 ,用 户 只 需 提供 内 容 页 的 URL 
即 可 。 


2. 母 版 页 的 特点 


使 用 母 版 页 ,可 以 为 ASP.NET 应 用 程序 页 面 创 建 一 个 通用 的 外 观 。 开 发 人 员 可 以 利 
用 母 版 页 功能 创建 一 个 布局 ,然后 在 多 个 页 面 中 应 用 该 布局 。 母 版 页 具有 以 下 特点 。 

。 有 利于 站 点 修改 和 维护 ,降低 开发 人 员 的 工作 强度 。 由 于 公共 内 容 被 集中 于 母 版 页 
中 ,因此 ,只 要 修改 母 版 页 ,就 可 以 快速 完成 站 点 修改 和 维护 任务 ,这 在 很 大 程度 上 
提高 了 工作 效率 。 
提供 高 效 的 内 容 整合 能 力 。 在 母 版 页 中 允许 添加 文字 、 控 件 等 Web 元 素 , 同 时 ,也 
可 以 为 这 些 Web 元 素 添加 相应 的 事件 处 理 程序 。 例 如 ,只 需要 在 母 版 页 中 添加 一 
个 服务 器 控件 事件 处 理 程序 ,站 点 内 所 有 引用 该 母 版 页 的 网 页 都 将 获得 同样 的 应 用 
有 利于 实现 页 面 布局 。 内 容 页 对 应 于 母 版 页 中 的 一 处 位 置 ,这 在 很 大 程度 上 有 利于 
页 面 的 布局 工作 。 
提供 一 种 便于 利用 的 对 象 模型 。 由 内 容 页 和 母 版 页 组 成 的 对 象 模型 ,能 够 为 应 用 程 
序 提供 一 种 高 效 、 易 用 的 实现 方式 ,并 且 这 种 对 象 模型 的 执行 效率 较 以 往 的 处 理 方 
式 有 了 很 大 的 提高 。 


3. 母 版 页 的 创建 及 使 用 


创建 母 版 页 的 方法 和 创建 一 般 页 面 的 方法 非常 相似 ,区 别 在 于 母 版 页 无 法 单独 在 浏 
览 器 中 查看 ,而 必须 通过 创建 内 容 页 才能 浏览 ,示例 5-3 演示 了 和 母 版 页 的 创建 及 使 用 

【示例 5-3】 母 版 页 的 创建 及 使 用 演示 。 

(1) 在 ch05 网 站 项 目 中 创建 文件 夹 ch5_3 , 右 击 该 文件 夹 , 从 弹出 的 快捷 菜单 中 选择 “ 添 
加 新 项 ”命令 ,在 出 现 的 对 话 框 中 选择 * 母 版 页 项目, 向 项 目 中 添加 一 个 母 版 页 ,如 图 5-5 所 
示 。 可 以 看 到 , 母 版 页 创建 也 有 “将 代码 放 在 单独 的 文件 中 " 复 选 框 。 如 果 需 要 在 母 版 页 中 

写 后 台 代码 ,就 可 以 选中 该 选项 。 

新 创建 的 母 版 页 上 面 默认 有 两 个 ContentPlaceHolder 控件 ,分 别 是 预 留 给 内 容 页 的 头 
部 和 主体 部 分 显示 的 控件 ,可 以 把 每 个 ContentPlaceHolder 控件 理解 成 一 个 “内 容 占 位 
符 ”, 至 于 这 个 占 位 符 中 到 底 会 显示 哪些 内 容 , 则 由 后 续 介 绍 的 内 容 页 中 的 Content 控件 
决定 。 
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Visual Basic 图 Web 窗 体 大 Silv 类 型 : Visual C# 
Visual C# 目 SQL Web 应 用 程序 的 母 版 页 
ee | 
& ”ADO.NET 实体 数据 模型 恕 Wa 
前 ”Crystal Reports 蛋 Wet 
让 Dynamic Data 字段 瑟 Wet 
国 HTML 页 国 XML 
国 ]Script 文件 国 XML 
加 LINQto SQL 类 加 XSL 
区 Silverlight 1.0]Saript 页 国 报 对 
je | | 
名 称 (N): |Default.master 亚 将 代码 放 在 单独 的 文件 中 (P) 


图 5-5 添加 母 版 页 


创建 后 的 母 版 页 代码 如 下 所 示 : 


< html xmlns = "http://www.w3. org/1999/xhtml"> 
< head id = "Head1”runat = "server"> 
<title > 新 知 书店 </title> 
< asp: ContentPlaceHolder id = "head" runat = "server"> 
</asp: ContentPlaceHolder > 
</head> 
<body> 
< form id = "forml" runat = "server"> 
<div> 
新 知 书 店 
< asp: ContentPlaceHolder id = "cphContent" runat = "server"> 
</asp:ContentPlaceHolder > 
</div> 
联系 我 们 
</form> 
</body> 
</html > 


头 部 的 ContentPlaceHolder 控件 是 ASP.NET 3. 5 新 增 的 内 容 , 可 以 用 它 为 不 同 的 内 
容 页 添加 相应 的 样式 表 。 

在 母 版 页 上 添加 控制 显示 的 控件 ,如 ,分 别 在 页 头 和 页 尾 放置 一 个 Label 控件 用 于 显示 
文本 ,如 图 5-6 所 示 。 

观察 母 版 页 的 源 代码 ,在 页 面 的 顶部 有 一 个 @Master 声明 ,而 不 是 通常 在 ASP.NET 
页 顶部 看 到 的 @Page 声明 ,指令 如 下 : 


<%@ Master Language = "C#" AutogventWireup= "true" CodeFile="...... i 和 
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ch5_3/Default.master* x 


[设计 |o 拆 分 |a 源 | 团 <dvz| <asp:Labal#Laball> 由 


图 5-6 母 版 页 的 样式 
普通 ASP.NET 页 面 的 声明 如 下 : 
<% @ Page Language = "C#" RutoEventWireup = "true" CodeFile="...... " Inherits="...... we 省 冯 


提示 : 在 实际 开发 中 ,美工 会 制作 静态 页 面 , 只 需要 将 美工 制作 的 页 面 代码 粘贴 到 母 版 
页 即 可 ,不 过 ,注意 至 少 保留 一 个 ContentPlaceHolder 控件 ,本 示例 中 将 内 容 部 分 的 
ContentPlaceHolder 控件 的 Id 设置 为 cphContent。 

(2) 在 ch05 网 站 项 目 中 的 文件 夹 ch5_3 上 右 击 ,从 弹出 的 快捷 菜单 中 选择 “添加 新 项 ” 
命令 。 在 弹出 的 对 话 框 中 选择 “Web 窗 体 ” 选 项 ,在 “名 称 ” 文 本 框 中 输入 Default. aspx, 选 中 
“选择 母 板 ”" 复 选 框 ,如 图 5-7 所 示 , 然 后 单 击 “ 添 加 ”按钮 ,会 创建 刚才 所 创建 母 版 页 
Default. Master 的 内 容 页 Default. aspx。 
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已 安装 的 模板 肚 序 依据 对 人 信 » | 画 计量 搜索 已 安装 的 模板 Pp 


Visual Basic 回 Web 窗 体 加 Silv 类 型 : Visual C# 
Visual C# 口 母 版 页 日 SQL Web 应 用 程序 的 窗 休 
联机 模板 大 Web 用户 控件 蛋 Wd 
& ”ADO.NET 实体 数据 模型 及 wa 
出 Crystal Reports 缀 Wet 
及 Dynamic Data 字段 匾 Wet 
国 HTML 页 国 XML 
司 ]5aript 文件 国 XML 
加 UNQto SQL 类 有 XSL 
Silverlight 1.0 ]Saript 页 国 报 际 
je ss | 
名 称 (N): Ultaspx > 严 将 代码 放 在 单独 的 文件 中 (P) 
页 (QO > 


图 5-7 添加 内 容 页 


新 添加 的 内 容 页 在 设计 模式 下 可 以 看 到 母 版 页 上 的 内 容 , 而 且 除 了 Content 控件 之 外 
其 他 内 容 是 不 可 编辑 的 ,如 图 5-8 所 示 。 查 看 内 容 页 的 源 代码 发 现 内 容 页 的 代码 似乎 比 我 
们 想象 的 要 简单 ,没有 标准 的 HTML 格式 ,只 有 Content 控件 ,代码 如 下 所 示 。 


<%@ Page Title="" Language = "C#" MasterPageFile= "~/ch5 3/Default. master" 
RutoEventWireup = "true"” CodeFile= "Default.aspx.cs" Inherits= "ch5 3 Default" %> 
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< asp:Content ID = "Content1" ContentPlaceHolderID = "head" runat = "Server"> 
</asp:Content> 

< asp:Content ID = "Content2" ContentPlaceHolderID = "cphContent" runat = "Server"> 
</asp:Content > 


ch5_3/Default.aspx* x 


[设计 | 拆 耸 | 各 源 | 


图 5-8 内 容 页 的 显示 


。 MasterPageFile: 用 于 指定 所 使 用 母 版 页 的 路 径 。 

Title: 用 于 设置 内 容 显示 的 标题 。 

ContentPlaceHolderID: 用 户 控制 该 Content 控件 在 页 面 中 的 位 置 , 即 指定 所 对 应 
的 母 板 页 中 ContentPlaceHolder 控件 的 ID, 如 果 指 定 的 ID 在 母 版 页 中 不 存在 ,将 
会 发 生 错误 ,如 果 存 在 母 版 页 中 的 ContentPlaceHolder 控件 ,该 控件 将 被 内 容 页 中 
的 Content 控件 所 替代 。 


4. 获取 母 版 页 上 控件 的 值 


通过 添加 公共 属性 或 使 用 FindControl( ) 方 法 可 以 实现 在 内 容 页 中 访问 母 版 页 中 的 属 
性 。 下 面 通过 开发 一 个 根据 用 户 年 龄 段 提供 不 同 主题 网 站 的 示例 演示 如 何在 内 容 页 中 获取 
母 版 页 上 控件 的 值 。 

1) 通过 添加 公共 属性 

首先 在 网 站 项 目 ch05 中 的 文件 夹 getMasterValue 下 创建 母 版 页 MainMaster. master， 
在 母 版 页 中 添加 一 个 RadioButtonList 控件 , 母 版 页 中 的 主要 源 代码 如 下 : 


< form id = "forml" runat = "server"> 
<div> 
<asp:RadioButtonList ID = "rblRole" runat = "server" RepeatDirection = "Horizontal" 
RutoPostBack = "True"> 
<asp:ListItem Value = "0"> 学 生 族 </asp:ListItem> 
<asp:ListItem Value = "1"> 上 班 族 </asp:ListItem> 
</asp:RadioButtonList> 
<hr/> 
< asp:ContentPlaceHolder id = "cphContent" runat = "server"> 
</asp:ContentPlaceHolder > 
</div> 
</form> 
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由 于 母 版 页 本 身 也 是 个 类 ,所 以 可 以 在 其 中 添加 公共 属性 ,本 例 中 在 母 版 页 MainMaster. 
master. cs 中 添加 如 下 代码 : 


public string MasterValue 
{ 

get { return this. rblRole . SelectedValue; } 
1 


下 面 需要 在 内 容 页 中 编写 访问 代码 ,首先 基于 母 版 页 创建 property. aspx 内 容 页 ,然后 
在 内 容 页 property. aspx 的 隐藏 cs 文件 中 通过 调用 Master 属性 访问 母 版 页 中 的 公共 成 员 ， 
代码 如 下 所 示 : 


protected void Page_Load(object sender, EventArgs e) 
string strValue = this. Master. MasterValue. ToString (); 
证 (strValue. Equals ("0")) 
. this. lblText. Text = "高 校 BBS 求职 信息 "; 
2 if (strValue. Equals("1")) 
, this. lblText. Text = "30 一 50 职业 生涯 规划 "; 
; b 


运行 内 容 页 property. aspx, 效 果 如 图 5-9 所 示 。 


获取 母 版 页 控件 值 - W..，- 
GO 了 加 http://localhost:3916/chi® GO: 回 http://localhost:3916/ch'® 


帘 收 藏 夹 | 牧 获 取 母 版 页 控件 什 突 收 藏 赤 | 臣 获 取 母 版 页 控件 值 
@ 学 生 族 QO 上 班 族 〇 学 生 族 @ 上 班 族 
高 校 BBS 求 职 信息 30-50 职 业 生涯 规划 


图 5-9 根据 用 户 选 择 提供 不 同 主题 


注意 : 如 果 想 访问 母 版 页 中 的 成 员 , 还 需要 为 当前 内 容 页 添加 指令 二 %@ MasterType 二 
对 母 版 页 进行 强 类 型 化 。 如 二 %@ MasterType VirtualPath 一 "一 /getMasterValue/ 
MainMaster. master” 凶 二 ,其 中 VirtualPath 用 来 设置 母 版 页 的 位 置 。 

2) 使 用 FindControl() 方 法 

运行 时 , 母 版 页 将 于 内 容 页 合并 成 一 个 页 面 ,因此 在 内 容 页 中 可 以 访问 母 版 页 中 的 控 
件 。 但 由 于 先 加 载 内 容 页 ,后 加 载 母 版 页 ,所 以 不 能 使 用 常规 的 方法 来 访问 ,要 通过 this. 
Master. FindControl( 服 务 器 控件 ID) 方 法 找到 母 版 页 中 的 控件 ,页 面 FindControl. aspx 的 
隐藏 cs 文件 中 关键 代码 如 下 所 示 : 


单元 5 ”搭建 风格 统一 的 Web 站 点 


protected void Page Load(object sender, EventArgs e) 

{ 
RadioButtonList radioButtonList = (RadioButtonList)this.Master.FindControl("rblRole"); 
if (radioButtonList. SelectedValue . Equals ("0")) 


this. lblText. Text = "高 校 BBS 求职 信息 "; 
; 
else if (radioButtonList. SelectedValue. Equals("1")) 


this. lblText. Text = "30 一 50 职业 生涯 规划 "; 
; 
} 


因 FindControl() 方 法 返回 值 是 Control 类 型 ,因此 取得 的 控件 需要 进行 类 型 转换 。 
提示 : 如 果 要 访问 母 版 页 中 的 公共 方法 ,可 以 通过 Master 直接 调用 。 


5.1.4 站 点 导航 


在 网 站 制作 中 ,站 点 导航 是 很 常见 的 模块 。 早 期 由 于 没有 一 种 简便 的 方式 ,产生 了 很 多 
中 导航 的 方式 ,比如 硬 编码 ,包含 文件 等 。 其 基本 方式 就 是 在 页 面 放置 相关 的 超 链 接 , 以 达 
到 导航 的 功能 。 这 些 方 式 的 缺点 是 不 宜 维护 、 导 航 不 能 集中 管理 。 为 了 解决 这 个 问题 ,ASP 
.NET 提供 了 站 点 导航 的 一 种 简单 方法 ,即使 用 站 点 导航 控件 SiteMapPath、TreeView、 
Menu 等 ,这 三 个 导航 控件 都 能 够 快速 的 建立 导航 ,并 且 能 够 调整 相应 的 属性 为 导航 控件 进 
行 自 定义 , 接 下 来 将 重点 介绍 SiteMapPath TreeView 控件 。 


1. 站 点 地 图 


为 了 使 用 ASP.NET 的 导航 功能 ,必须 有 一 种 标准 的 方法 描述 站 点 中 的 每 个 页 面 。 这 
个 标准 不 仅 包 含 每 个 网 页 的 名 称 ,还 应 该 能 够 表明 它们 的 层次 结构 关系 ,该 关系 是 由 页 面 的 
实际 物理 关系 决定 的 。 比 如 ,要 做 出 售 软 件 开发 相关 书籍 的 网 站 ,就 可 能 是 这 样 一 个 导航 路 
径 : 软件 开发 一 开发 语言 CH 。 

在 ASP.NET 中 ,有 一 个 叫 作 站 点 地 图 的 XML 文件 包含 这 些 信息 。 站 点 地 图 的 文件 
名 默认 是 web. sitemap, 默认 放置 于 应 用 程序 的 根 目录 ,下 面 这 段 代 码 就 是 网 站 项 目 
SiteMapPath( 位 于 chapter05 目录 下 ) 的 地 图 的 代码 : 


<?xml version= "1.0" encoding = "utf — 8"?> 
< siteMap xmlns = "http://schemas. microsoft. com/AspNet/SiteMap — File 一 1.0"> 
< siteMapNode url = "Default. aspx" title= "软件 开发 " description = ""> 
< siteMapNode url = "Default2.aspx" title= "开发 语言 " description = ""> 
< siteMapNode url = "csharp.aspx" title="C#" description = ""/> 
< siteMapNode url = "vbdotnet. aspx" title = "VB .NET"” description = ""/> 
</siteMapNode > 
</siteMapNode> 
</siteMap> 
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节点 描述 如 下 : 
。 siteMap 根 节点 ,一 个 站 点 地 图 只 能 有 一 个 siteMape 元 素 。 


。 siteMapNode 一 一 对 应 于 页 面 的 节点 ,一 个 节点 描述 一 个 网 页 。 各 节点 间 的 层次 关 
系 是 由 该 节点 的 结束 标签 (一 /siteMapNode 二 ) 决 定 的 。 


。 title 一 一 页 面相 关 的 标题 概述 (与 网 页 头 部 的 title 标记 没有 任何 关系 ) 。 
。， ur 一 一 页 面 在 解决 方案 中 的 位 置 ,Url 不 是 必需 的 ,如 果 没 有 设置 url 代表 此 节点 不 


用 来 导航 页 面 。 

。 description 页 面相 关 的 说 明 性 文本 。 

编写 站 点 导航 地 图 的 注意 事项 : 

。 站 点 地 图 根 节点 为 二 siteMap 记 元 素 ,每 个 文件 有 且 仅 有 一 个 根 节点 。 

。 二 siteMap 记 下 一 级 有 且 仅 有 一 个 二 siteMapNode 二 节点 ,该 二 siteMapNode 二 通常 
用 来 表示 站 点 的 首页 。 

。 二 siteMapNode 二 下 面 可 以 包含 多 个 新 的 二 siteMapNode 记 节点 。 

。 在 站 点 地 图 中 ,同一 个 URL 仅 能 出 现 一 次 。 

说 明 : 站 点 地 图 文件 指向 的 页 面 关系 是 逻辑 关系 ,而 不 是 存储 位 置 间 的 关系 ,所 以 具有 

很 大 的 灵活 性 。 


2. SiteMapPath 控件 


SiteMapPath 控件 可 以 为 站 点 提供 ”面包 履 导 航 ” 的 功能 ,该 控件 根据 Web. sitemap 定 
义 的 数据 自动 显示 当前 页 面 的 位 置 ,并 以 链接 的 形式 显示 返回 主页 的 路 径 。 在 站 点 的 设计 
中 ,我 们 需要 给 用 户 提供 一 个 方便 的 路 径 , 如 图 5-10 所 示 的 网 易 新 闻 导 航 。 


这 是 典型 的 面包 居 导 航 。 该 导航 显示 了 从 
站 点 的 首页 到 当前 页 面 之 间 的 路 径 。 EETTI TE 
SiteMapPath 控件 使 用 起 来 非常 方便 , 它 使 图 5-10 网 易 新 闻 的 面包 屑 导航 
用 站 点 地 图 作为 控件 的 数据 源 。 所 以 要 使 用 该 
控件 ,首先 要 有 站 点 地 图 ,将 刚才 创建 的 站 点 地 图 ,添加 于 站 点 地 图 中 对 应 Default. aspx、 
csharp. aspx、vbdotnet. aspx 等 页 面 ; 然后 直接 将 SiteMapPath 控件 拖 入 csharp. aspx 页 面 
中 ,该 控件 会 自动 读 取 根 目录 下 的 web. sitemap 文件 ,效果 如 图 5-11 所 示 。 


csharp.aspx xTE 


ee 
;村 任 于 入 : 开发 要 言 : C# 


口 拆 分 |@ 源 | 国 |<RootNodestyle> 


5-11 读 取 站 点 地 图 的 SiteMapPath 控件 


SiteMapPath 控件 使 用 起 来 非常 方便 ,图 5-11 中 链接 的 文字 是 通过 title 属性 设置 的 ， 
链接 的 提示 信息 是 通过 description 属性 设置 的 , 表 5-1 列 出 了 SiteMapPath 控件 的 常用 
属性 。 
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表 5-1 SiteMapPath 控件 的 常用 属性 


属 性 说 了 明 
PathSeparator 控制 分 隔 符 的 样式 ,可 以 通过 编辑 模板 更 改 分 隔 符 为 任意 样式 
PathDirection 要 呈现 的 路 径 方向 ,可 选 值 有 : RootToCurrent, 这 是 默认 值 ,表示 从 根 级 显示 


到 当前 级 ; CurrentToRoot, 表 示 从 当前 页 显示 到 根 级 
ParentLevelsDisplaye 要 显示 的 父 节点 的 数目 ,默认 为 一 1, 表 示 显 示 所 有 父 节点 


默认 情况 下 ,导航 的 分 隔 符 是 “二”, 如 果 需 要 使 用 其 他 字符 ,可 以 通过 修改 PathSeparator 
属性 来 达到 。 如 果 希 望 设置 为 图 片 , 则 需要 使 用 分 隔 符 模 板 , 可 以 像 图 5-12 那样 编辑 分 隔 
符 模 板 。 

SiteMapPath - Microsoft al Studio 


文件 [E) 编辑 (E) 视图 (V) 网 站 (5) 生成 (8) 调试 (D) 团队 (M) 数据 (A) 格式 (9) 表 (A) 工具 (IT) 体系 结构 (O 〇 


中 
局 
旗 
| 
汤 
书 
ot 
赣 
测 


号 


Shift+Alt+F10 


NodeTemplate 

| CurrentNodeTemplate 

| 回 RootNodeTemplate 

| 岛 PathSeparatorTemplate 


国 限 亲 知 岩 竹 号 蒜 用 W 轩 甸 党 本 


[e 设 计 |] 号 拆 分 | 吾 源 | <div>|[<asp: SiteMapPath#smpShow>| <RootNodestyle> 轩 


图 5-12 读 取 站 点 地 图 的 SiteMapPath 控件 


注意 : 只 有 在 站 点 地 图 中 列 出 的 页 才能 在 SiteMapPath 控件 中 显示 导航 信息 。 如 果 将 
SiteMapPath 控件 放置 在 站 点 地 图 中 未 列 出 的 页 上 ,该 控件 将 不 会 向 客户 端 显示 任何 信息 。 
说 明 : 如 果 设 置 了 分 隔 符 属性 又 添加 了 分 隔 符 模板 , 则 显示 时 以 模板 为 准 。 


5.1.5 TreeView 控件 


TreeView 控件 由 一 个 或 多 个 节点 构成 , 树 状 结构 中 的 每 一 项 都 称 为 节点 ”。 表 5-2 列 
出 了 三 种 不 同 的 节点 类 型 。 


148 


A 


ASP, NET 网 站 开发 项 目 化 教程 


表 5-2 TreeView 控件 的 节点 类 型 


节点 类 型 说 了 明 
根 节点 没有 父 节点 ,但 具有 一 个 或 多 个 子 节点 的 节点 
父 节 点 具有 一 个 父 节点 , 且 有 一 个 或 多 个 子 节点 的 节点 
叶 节 点 没有 子 节点 的 节点 


TreeView 控件 的 应 用 相当 普及 , 它 以 树 状 结构 显示 分 层 数 据 , 如 Windows 的 资源 管理 
器 左 侧 的 文件 目录 就 是 一 个 相当 经 典 的 TreeView 控件 的 应 用 例子 ,如 图 5-13 所 示 。 


文件 (E) 编辑 (E) 杏 看 (V) 收藏 (A) 工具 (了 帮助 (H) [3 
Oa- © $F pur ER| TL- 
地 址 Djsz C:\ 本 图 转 到 
文件 夹 国 。 
eeBmtb 于 巴 ) danedm 
忆 AdminScripts 
E 局 iissamples > 
esdk [LL) sebvo 
已 admin 
加 pe | Documents and Settings 
© Scripts 


~ | 


pt 


> 


< >» ¢ | 
12 个 对 象 (加 2 个 隐藏 对 象 ) 8.60 KB 显 我 的 电脑 
图 5-13 资源 管理 器 的 树 状 目录 


使 用 传统 的 方式 编写 属性 导航 ,需要 复杂 而 庞大 的 代码 量 。 使 用 ASP.NET 中 的 
TreeView 导航 控件 ,可 以 像 SiteMapPath 控件 通过 设置 属性 即 可 显示 树 状 导航 。 
TreeView 的 使 用 方式 分 为 两 种 : 视图 中 编辑 和 动态 添加 。 


1. 视图 中 编辑 


对 于 固定 且 少 量 数据 可 以 采用 在 设计 视图 中 编辑 节点 的 方式 ,过 程 如 下 。 

(1) 在 “设计 ?视图 中 , 右 击 TreeView 控件 ,在 弹出 的 快捷 菜单 中 选择 “编辑 节点 ”命令 。 

(2) 在 “TreeView 节点 编辑 器 ”对 话 框 中 的 “节点 ”下 ,可 以 选择 “添加 根 节点 ”、 并 且 可 
以 选中 某 个 节点 为 其 “添加 子 节点 ”和 *“ 移 除 节点 ”操作 。 

(3) 在 “TreeView 节点 编辑 器 "对话 框 中 的 “属性 ”列表 框 中 可 以 对 当前 选中 的 节点 进 
行 编辑 ,如 图 5-14 所 示 。 

TreeView 的 节点 TreeNode 常用 属性 如 表 5-3 所 示 。 


表 5-3 TreeNode 的 常用 属性 


属 性 说 有明 


ChildNodes ”获取 TreeNodeCollection 集合 ,该 集合 包含 当前 节点 的 第 一 级 子 节点 
Depth 获取 节点 的 深度 

ImageUrl 获取 或 设置 节点 旁 显 示 的 图 像 的 URL 

NavigateUrl ”获取 或 设置 单 击 节点 时 导航 到 的 URL 
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续 表 
属 性 说 明 
Parent 获取 当前 节点 的 父 节点 
Text 获取 或 设置 为 TreeView 控件 中 的 节点 显示 的 文本 
Value 获取 或 设置 用 于 存储 有 关节 点 的 任何 其 他 数据 (如 用 于 处 理 回 传 事件 的 数据 ) 的 非 显 示 值 


ValuePath 获取 从 根 节点 到 当前 节点 的 路 径 


TreeView 节点 编辑 器 


节点 (N): 属性 (P): 
Po ss 
号 软件 开 发 | Expanded 
[可 | ImageToolTip 
ASP.NET 
ImageUrl 
~/CSharp.aspx [2 
PopulateOnDeman False 
SelectAction Seledt 
Selected False 
ShowCheckBox 
| Target 
| Text C# 
ToolTip 
| Value C# 
[Navigateurl 
| | 树 贡 点 被 迁 中 时 定位 到 的 URL。 
[确定 取 浙 


图 5-14 资源 管理 器 的 树 状 目录 


(4) 还 可 以 为 TreeView 选 定 样式 , 右 击 TreeView 控件 ,在 弹出 的 快捷 菜单 中 选择 “ 自 
动 套 用 格式 ”命令 ,在 打开 的 “自动 套用 格式 ”对 话 框 中 ,可 以 看 到 TreeView 控件 内 置 了 很 
多 可 选择 的 样式 ,至 此 ,我 们 没有 编写 一 行 代码 就 
轻松 实现 了 树 状 导航 功能 ,如 图 5-15 所 示 ( 见 网 站 
项 目 ch05 下 的 TreeViewDemo. aspx)。 

注意 : 在 实际 开发 中 ,不 推荐 使 用 此 种 方式 ,其 
缺点 就 是 扩展 性 差 , 不 易 维 护 ,设想 当 数 据 复杂 且 
数据 量 较 大 时 ,其 工作 量 可 想 而 知 。 项 目 中 是 以 纺 
程 方 式 动态 添加 TreeView 节点 数据 。 


- http:/ /localhost:3916.， 


空 收藏 ”| 万 http:J/iocalhost:3916/c... | 


2. 动态 添加 图 5-15 在 视图 中 编辑 TreeView 效果 


视图 中 编辑 的 方式 添加 TreeView 节点 数据 的 
缺点 是 不 易 维护 ,对 于 数据 的 处 理 不 够 灵活 。 动 态 添加 节点 方式 根据 数据 的 读 取 方式 的 不 
同 又 可 以 分 为 数据 绑 定 方式 和 递归 法 动态 添加 节点 方式 。 

1) 数据 绑 定 方式 

通常 将 菜单 内 容 集中 存储 ,如 站 点 地 图 或 XML 文件 等 ,然后 通过 使 用 数据 源 控件 和 
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TreeView 控件 关联 来 展示 站 点 的 导航 层次 结构 。 
(1) 使 用 站 点 地 图 。 
这 里 使 用 已 经 创建 好 的 站 点 地 图 ,首先 创建 母 版 页 MasterPage. master, 将 TreeView 
控件 拖 入 设计 视图 并 设置 数据 源 , 如 图 5-16 所 示 。 


CSharp.aspx MasterPage.master* x eid 
asp:TreeView#tvsoftDevelol 
日 苹 生 症 TreeView 任务 
日 固 Xa1 自动 厌 用 格式 … 


画 叶 1 


各 叶 2 
日 欧 又 得 2 


马 叶 1 
二 叶 2 


设计 | 口 拆 分 | 可 源 | <form#form1>| <asp: TreeView#tvSoftDevel...> 


图 5-16 将 TreeView 拖 和 人 页面 
选择 “新 建 数 据 源 ” 后 ,页面 弹 出 “数据 源 配 置 向 导 ” 对 话 框 ,可 以 看 到 TreeView 控件 可 
以 使 用 两 种 形式 的 数据 源 ,如 图 5-17 所 示 。 


数据 源 配 置 向 叶 ? 


有 选择 数据 源 类 型 


应 用 程序 从 哪里 获取 数据 (W)? 


咏 ， 驹 


XML 文件 站 点 地 图 


连 按 天 此 应 用 程序 的 站 点 导航 树 (要求 应 月 程序 祖 目 洒 处 有 一 个 有 效 的 站 点 地 图 文件 )。 


为 数据 源 指 定 ID(D: 
|smrree 


图 5-17 选择 数据 源 类 型 
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选择 “站 点 地 图 ”选项 ,并 为 数据 源 指定 ID, 此 处 命名 为 smTree, 单 击 “ 确 定 ” 按 钮 后 , 树 
状 导航 就 显示 了 ,效果 如 图 5-18 所 示 。 


上 日 国 吧 

| 日 国 开导 
动 Cz 
也 VB.NET 


‘. SiteMapDataSource - smTree| 
ilcontentelacetolderd 
四 


设计 口 拆 分 | 昌 源 | |4||<asp:TreeView#tvSoftDevel...> 


图 5-18 使 用 站 点 地 图 方式 实现 树 状 导航 


(2) 使 用 XML 文件 。 

TreeView 控件 除了 与 站 点 地 图 绑 定 外 ,同样 还 可 以 与 XML 文件 进行 绑 定 , 步 又 如 下 。 

@ 编写 XML 文件。 

首先 编写 一 个 XML 格式 的 文件 ,该 XML 文件 的 内 容 参 考 站 点 地 图 文件 中 的 内 容 。 与 
站 点 地 图 相 比 ,这 里 需要 的 XML 文件 没有 那么 多 限制 条 件 ,甚至 从 站 点 地 图 中 复杂 部 分 代 
码 过 来 就 可 以 ,只 要 符合 XML 标准 即 可 。 

结合 需求 ,设置 XML 文件 的 内 容 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 
< siteMapNode url = "Default.aspx" title= "软件 开发 " description = ""> 
< siteMapNode url = "Default2.aspx" title = "开发 语言 " description = ""> 
< siteMapNode url = "csharp. aspx" title="C#" description = ""/> 
< siteMapNode url = "vbdotnet.aspx" title= "VB .NET" description = ""/> 
</siteMapNode > 
</siteMapNode > 


这 里 将 该 XML 文件 保存 为 xmlTree. xml。 

@ 设置 数据 源 。 

在 页 面 中 拖 和 人 TreeView 控件 ,然后 设置 TreeView 的 数据 源 为 XML 格式 数据 源 ,这 
两 步 和 使 用 站 点 地 图 文件 作为 数据 源 的 方式 一 样 ,只 要 选择 “XML 文件 ”作为 数据 源 并 为 
数据 源 指定 ID 即 可 。 单 击 “ 确 定 ” 按 钮 后 ,弹出 配置 数据 源 对 话 框 ,如 图 5-19 所 示 。 

其 中 ,“ 数 据 文件 ”项 用 于 设置 XML 文件 的 路 径 , 可 单 击 后 面 的 “浏览 ”按钮 ,选择 需要 
的 XML 文件 , 单 击 “ 确 定 ” 按 钮 后 ,页 面 显示 如 图 5-20 所 示 的 结果 。 

@ 编辑 数据 绑 定 。 

很 显然 ,TreeView 并 未 识别 我 们 的 意图 : 我 们 希望 siteMapNode 元 素 的 title 属性 作 
为 显示 字段 ,url 属性 作为 链接 。 那 么 需要 做 一 些 设置 ,如 图 5-21 所 示 , 单 击 智能 提示 中 的 
“编辑 TreeNode 数据 绑 定 ”, 打 开 “TreeView DataBindings 编辑 器 ?对 话 框 。 

在 该 编辑 器 对 话 框 中 ,添加 将 要 绑 定 的 节点 ,然后 从 右 侧 设置 绑 定 的 元 素 , 如 图 5-22 
所 示 。 
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配置 数据 源 - XmlDataSource2 


数据 文件 (D): 


转换 文件 (T): 


XPath 表达 式 (X): 


转换 文件 介绍 应 如 何 将 XML 文件 洁 构 转换 为 其 他 结构 ， 


指定 用 作 此 扶 件 源 的 XML 数据 文件 。 和 您 可 以 选择 指定 附加 文件 ， 这 些 文件 将 用 来 在 控件 使 用 访 XML 前 修改 它 。 


利用 XPath 表达 式 可 策 选 XML 文件 中 的 数据 ， 并 且 仅 返回 该 文件 的 子 集 。 


Le | 


SsitelapNode 
siteNapNode 
SitellapNode 


XmlDataSource - xmlData 


| 设计 | 拆 分 名 源 | 辐 <asp:Teevie 四 


图 5-19 


图 5-20 未 编辑 绑 定时 TreeView 的 显示 效果 


View DataBindings ?_x 


可 用 数据 乡 定 (V): 
( 空 ) 
siteMapNode 
1 siteMapNode 
siteMapNode 


所 选 多 据 乡 定 (5): 


siteMapNode 
siteMapNode 


口 自动 生成 数据 郑 定 (G) 


IoE 


“配置 数据 源 ” 对 话 框 


1 


套用 格 妈 
选择 数据 源 : |xmlData 加 
配置 数据 源 … 
肌 新 架构 局 
叱 辑 TreeNode 到 数据 源 的 绑 定 。 
图 5-21 编辑 数据 绑 定 


Select 机 
siteMapNode 
FormatString 
ImageToolTipField 
ImageUrlField 
NavigateUrlField un 
TargetField 
TextField title 加 
TextField 
数据 绑 定 时 用 于 节点 的 Text 属性 的 表 列 或 XML 特性 名 。 
家 


图 5-22 


数据 绑 定 编辑 器 
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其 中 ,常见 的 数据 绑 定 属性 如 表 5-4 所 示 。 
表 5-4 TreeView 数据 绑 定 的 常用 属性 


属 性 说 上 明 
TextField 设置 显示 的 文字 所 绑 定 的 字段 或 元 素 
NavigateUrlField 设置 链接 对 应 的 字段 或 元 素 
@ 设置 格式 。 a 
至 此 ,TreeView 就 可 以 正常 显示 了 ,还 可 以 通过 国 玫 区 sn 
“自动 套用 格式 ”选择 显示 样式 ,运行 效果 如 图 5-23 | 名 晤 ~ 同 http:/llocalhost:1239/Tr 图 
所 示 。 席 收藏 赤 | 外 无 标题 页 | 
2) 编程 实现 递归 法 动态 添加 节点 he 
在 实际 项 目 开发 中 ,菜单 项 作为 数据 的 一 部 分 六 


通常 被 保存 在 数据 库 中 ,有 专门 的 数据 维护 人 员 通 me 
过 内 部 系统 管理 平台 来 操作 维护 菜单 项 ,而 菜单 的 
深度 也 会 随 着 网 站 的 用 户 需求 不 断 完 善 。 显 然 不 管 ” 图 5-23 TreeView 绑 定 XML 文件 后 的 
使 用 站 点 地 图 或 是 XML 文件 方式 维护 数据 都 很 困 运行 效果 
难 。 下 面 通过 编程 实现 递归 法 动态 添加 节点 、 设 置 
属性 。 从 而 实现 数据 与 代码 的 分 离 ,提高 数据 的 可 维护 性 。 

图 5-24 是 一 个 企业 OA 中 的 系统 菜单 表 。 其 中 Nodeld 字段 为 每 个 菜单 项 的 编号 ， 
DisplayOrder 字段 为 显示 顺序 ,ParentNodeId 字段 为 父 节点 的 编号 。 如 何 按照 图 5-24 中 的 
数据 结构 将 数据 读 取 到 TreeView 中 呢 ? 


“ 表 - dbo.SysFun 参 到 


Nodeld DapayName NodeuRL DisplayOrder ParentNodeld 
101 人 事 管 理 1 o 
102 日 程 葵 理 2 0 
103 文档 苔 理 3 0 
104 滑 息 传递 4 0 
105 条 统 管理 5 0 
106 。。” 考 鄙 革 再 6 0 
101001 机构 信息 PersonManage/BranchManage.aspx 1 101 
101002 ”部 门 信息 PersorManage/DepartManage .aspx 2 101 
101003 员工 管理 SysManage/UserManage.aspx 3 101 
202001 ”我 的 日 程 ScheduleManage /PersonSchedule/PersonSchedule.aspx 4 102 
102002 ”部 门 日 程 ScheduleManage /DepartScheduleDepartSchedule.aspx 5 102 
102003 “我 的 便签 ScheduleManage /PersonNote/PersonNote.aspx 6 102 
103001 文档 营 理 ScheduleManage /Fle/FleManage/FieManage.aspx 了 103 
103002 ”回收 站 ScheduleManage Fie RecydeBin.asox 8 103 
103003 ”文件 搜索 ScheduleManage Fie/FieSearch.aspx 9 103 
104001 ”消息 节理 Message /MessageManage /MessageManage.aspx 2 104 
104002 信箱 Message /MailBox/MailBox.aspx 11 104 
105001 角色 管理 SysManage RoleManage /RoleManage.aspx 2 105 
105002 ” 阁 录 日 老 SysManage 人 LognLog,aspx 3 105 
05003 ”操作 日 才 SysManage /CperateL og.aspx 于 105 
吉 5004 ”菜单 排序 SysManage /MenuAdust. aspx 5 105 
106001 ”员工 葡 到 、 釜 退 ”Manualsign/ManualSign.aspx 6 106 
106002 ”考勤 历史 查询 ManualSign/ManualSignSearch.aspx 2 106 
105003 考勤 纤 计 MenualSgn/SionStatstc. aspx 了 8 105 

. me ju Mu Ms Ma 


图 5-24 OA 系统 菜单 表 中 的 数据 信息 
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注意 : 取 ParentNodeld 为 0 的 节点 作为 一 级 节点 添加 到 TreeView 中 。 根 据 每 个 一 级 
节点 的 Nodeld 的 值 找到 与 其 相等 的 ParentNodeld 的 值 ,如 果 找 到 就 把 找到 的 节点 作为 子 
节点 添加 到 该 一 级 节点 。 

说 明 : 我 们 看 到 的 系统 菜单 表 只 有 两 级 ,但 随 着 业务 的 拓展 该 表 中 的 菜单 项 级 别 会 越 
来 越 高 ,为 了 提高 扩展 性 ,采用 递归 方法 进行 无 限 级 添加 。 

关键 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
this. tvMenu. Dispose( ); 
GetDataToTable( ); // 将 数据 库 中 的 数据 填充 到 DataSet 
InitTreeByDataTable(this. tvMenu. Nodes, "0"); // 使 用 递归 方法 动态 添加 节点 
| 
1 
/// < summary> 
/// 使 用 递归 方法 动态 添加 节点 (DataTable 方 式 实现 ) 
/// </summary> 
/// <param name = "tnc"> 父 节点 </param> 
/// <param name = "parentId"> 父 节点 Id </param> 
private void InitTreeBYDataTable(TreeNodeCollection tnc, string parentId) 
{ 


DataView dv = new DataView(); // 动 态 视图 方便 筛选 
TreeNode tnNode; 
dv. Table = ds.Tables[0]; // 全 局 的 DataSet, 对 应 系统 菜单 表 SysFun 


dv. RowFilter = "ParentNodeId = ”+ parentId; 
foreach (DataRowView drv in dv) 
tnNode = new TreeNode(); 
tnNode. Value = drv["NodeId" ]. ToString(); 
tnNode. Text = drv["DisplayName" ]. ToString(); 
tnNode. NavigateUrl = drv["NodeURL" ]. ToString(); 
tnc. Add( tnNode); 
InitTreeByDataTable(tnNode. ChildNodes，tnNode. Value); ”// 递 归 调 用 


上 述 代 码 中 ,TreeNodeCollection 表示 TreeView 控件 中 的 TreeNode 对 象 的 集合 。 

这 里 默认 ParentNodeld 为 0 的 是 一 级 节点 ,从 一 级 节点 开始 ,利用 视图 ,筛选 出 
ParentNodeld 值 与 此 节点 的 Nodeld 值 相等 的 节点 集合 ,遍历 该 节点 集合 并 将 其 每 个 节点 
作为 子 节点 进行 添加 。 循 环 中 调用 的 InitTreeByDataTable() 方 法 每 次 将 当前 节点 作为 父 
节点 传人 ,形成 递归 。 递 归 是 一 种 重要 的 编程 技术 , 它 可 以 实现 让 一 个 函数 从 其 内 部 调用 其 
自身 。 使 用 递归 法 时 要 特别 注意 退出 条 件 。 


单元 5 ”搭建 风格 统一 的 Web 站 点 


切换 到 页 面 Default. aspx( 在 文件 夹 RecursionTreeView 中 ) 的 设计 视图 模式 ,为 
TreeView 选择 “自动 套用 格式 ”并 运行 代码 ,效果 如 图 5-25 所 示 。 


- 编程 实现 递归 鞭 动 态 添加 节点 - Wind.… - 
多 时 = | htp://ocalhost:1199/Re 图 [|[x| [PP 百 / 


宽 收藏 天 “| 若 编 程 实现 递归 法 动态 添加 节点 
全 人 事 管理 | 
全 机 构 信 息 
地 部 门 信息 


仿 考 吐 纺 计 司 


图 5-25 ”编程 实现 递归 法 动态 添加 TreeView 节点 数据 


但 这 种 方式 添加 节点 也 存在 缺点 ,对 于 数据 量 大 的 情况 , 若 一 次 性 将 菜单 数据 全 部 都 加 
载 到 页 面 中 会 降低 网 站 的 性 能 ,因此 可 以 采用 当 用 户 每 单 击 一 个 一 级 节点 ,调用 相应 方法 获 
取 该 级 节点 下 全 部 子 节点 的 方法 来 提升 网 站 的 性 能 。 


62 单元 任务 


任务 5-2-1 使 用 母 版 页 搭建 "新知 书 店 ” 管 理 端 页 面 框架 


【任务 描述 】 

。 使 用 母 版 页 搭建 如 图 5-26 所 示 的 “新 知 书 店 ” 页 面 框架 。 

。 在 母 版 页 中 显示 “管理 员 ,您 好 !” ,在 内 容 页 中 显示 “欢迎 使 用 新 知 书店 管理 端 !”。 

【任务 实施 】 

(1) 运行 Visual Studio 2010, 在 VS2010 菜单 栏 中 选择 “文件 ”~* 新 建 网 站 ”命令 ,打开 
“新 建 网 站 ”对 话 框 ,在 文件 夹 rw5-2-1 下 创建 名 为 Web 的 网 站 项 目 , 将 解决 方案 另存 为 
BookShop 保存 在 文件 夹 rw5-2-1 下 。 

(2) 通过 右 击 网 站 项 目 Web, 新 建文 件 夹 Admin, 在 Admin 文件 夹 下 创建 文件 夹 Css 
和 Images 用 于 存放 新 知 书店 管理 端 相关 资源 和 代码 文件 。 
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DAA 


人 新 知 书店 -管理 后 台 - Windows Internet Explorer 


FO 四 http:/llocalhost1452 图 民 | 他 ||xj] | 户 百度 
宽 收 藏 赤 “| 大 新 知 书 店 -管理 后 各 
新 知 图 书 
XINZHI BOOKS 
Hmm ne om 一 一 一 一 一 一 
低 现 在 的 位 置 : i 
欢迎 合用 新 各 书店 管理 并 | 
图 
| | 国 
完成 局 本 地 Intranet 而 。 由 100% -~ 


图 5-26 “新 知 书店 ”管理 端 页 面 框架 


(3) 在 Admin 文件 夹 下 添加 母 版 页 Admin. master ,为 母 版 页 设计 布局 并 添加 样式 ,此 
处 样式 文件 admin. css 在 文件 夹 Css 下 ,样式 文件 代码 如 下 : 


/* CSS Document */ 
x* { margin:0; padding:0;} 
body, select{ font:14px/20px 宋体 ;} 
table{ border - collapse:collapse;} 
img{ border:0; vertical ~- align:middle;} 
ul{ list— style:none;} 
a{ color: #0072A7; text — decoration:underline;} 
a:hover{ color: #f£00;} 
.black, .black a, a.black{ color: #333; text - decoration:none;} 
.red, .reda, a.red{ color:#f£00;} 
.white, .white a, a.white{ color:#fff;} 
.f left{ float:left;} 
.f_right{ float:right;} 
.del{ text— decoration:1ine— through;} 


/* 后 台 管理 主 界面 */ 

# header{ margin:0 auto; width:1003px; height:92px;} 

#main{ margin:0 auto; width:1003px; overflow:hidden;} 

/* 左 侧 菜单 */ 

#0opt list, #0opt area{ margin— bottom: — 10000px; padding - bottom:10000px;} 


/* 左 侧 菜单 */ 
#0opt_ list{ float:left; width:210px; height:590px; border:solid #ACB9C1; border — width:0 1px; 
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background: # EAEFF] url(../images/admin menu t. gif) no— repeat center 20px; 

padding - top:35px;_background — position— x:8px;} 
#opt_list hl { width: 181px; text — align: center; border - bottom: lpx solid # 5F8AB4; margin:0 
auto 10px; 

font:600 12px/24px 宋体 ;} 
#subnav{ margin:0 auto; width:191px; border:solid #0C9EFE1; border 一 width:0 1px 1px; 
background: # FCFCFC url(../images/admin menu b.gif) repeat — x 0 bottom; 
padding - bottom:3px; font - size:14px; font - family:@ 宋 体 ;} 
/* 右 侧 内 容 * / 
#0opt area{ float:right; width:760px;} 
/* 通用 部 分 * / 
并 breadcrumb{ margin:20px; font:600 12px/24px 宋体 ;} 
#breadcrumb a{ text - decoration:underline} 
.data_table{ margin:0 auto; border:2px solid #999; width:758px;} 
.data_table td, .data_ table th{ border:groove # A29C9E; border - width:0 1px; font:14px/24px 
宋体 ;} 
‘data_table th{ background:url(../images/date_th. gif) repeat — x; line— height:30px; 
border — bottom:1px solid #fff; font — weight:600; color:Black} 

.data_ table td{ text —- align:center; padding:10px 6px 8px 10px;} 
.data table td. name{ text — align:left;} 
.opt_action{ margin:30px 0 0 20px; font:14px/20px 宋体 ;} 
.Opt _action select{ width:100px; font:14px Tahoma;} 
.Opt_action input{ height:24px; padding:0 6px;} 
pages{ height:40px; text — align:right; padding:20px 0 0 100px;} 
.pages td{ border — width:0px;} 
.table edit{ background — color: #d7effb; width: 758px; border:solid lpx #0f9fde;} 
.table_edit th{ border - right: solid lpx # Of9fde; border - bottom: solid lpx # Of9fde; 
width:100px;} 
.table edit td{ border - right:solid 1px #0f9fde; border — bottom:solid lpx #0f9fde; } 
.table detail{ background - color: #d7effb; width: 758px; border:solid lpx #0f9fde;} 
.table_detail th{ border - right: solid lpx # 0f9fde; border - bottom: solid lpx # Of9fde; 
width:100px;} 
.table detail td{ border - right:solid lpx #0f9fde; border - bottom: solid lpx #0f9fde; } 


在 母 版 页 Admin. master 的 二 head 盖 一 /head 二 标记 对 之 间 写 和 人 导入 样式 文件 的 代码 ， 
在 主体 部 分 编写 布局 的 代码 如 下 : 


< head runat = "server"> 

< title > 新知 书店 -管理 后 台 </title> 

< link href = "CSS/admin. css" rel = "stylesheet" type = "text/css" /> 
</head> 
<body> 

< form id= "Forml" runat = "server"> 

<div id= "header">< img src= "images/admin top.gif" alt="" /></div> 

<div id= "main"> 

<div id= "opt list"> 
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<hl > 管理 员 , 您 好 !</hl > 
<div id= "subnav”> 
</div> 
</div> 
<div id = "breadcrumb" class = "black"> 
Snbsp;&nbsp; 您 现在 的 位 置 : 
</div> 
<div id= "opt area"> 
< asp:ContentPlaceHolder ID = "cphAdmin" runat = "server"> 
</asp: ContentPlaceHolder > 
</div> 
</div> 
</form> 
</body> 


(4) 添加 基于 母 版 页 Admin. master 的 内 容 页 Default. aspx, 并 在 内 容 页 的 Content 控 
件 中 添加 “欢迎 使 用 新 知 书店 管理 端 '”, 注 意 内 容 页 中 的 ContentPlaceHolderID 属性 要 与 
母 版 页 中 的 ID 属性 相同 ,代码 如 下 : 

<asp:content id = "Content1" contentplaceholderid = "cphAdmin" runat = "Server"> 


欢迎 使 用 新 知 书 店 管理 端 ! 


</asp:content > 


任务 5-2-2 ”实现 “新 知 书店 ”管理 端 "面包 居 ” 导 航 功能 


【任务 描述 】 
。 编写 站 点 地 图 ,实现 如 图 5-27 所 示 的 层次 结构 。 


{ 状态 管理 
ee 用 户 列表 


添加 图 书 分 类 

ey 

加 推荐 图 书 
订单 管理 一 一 审核 订单 
退出 

新 知 书店 


图 5-27 “新 知 书店 ”管理 端 页面 层 次 结构 


。 在 任务 5-2-1 的 基础 上 实现 “新 知 书店 ”管理 端 * 面 包 履 ”导航 功能 ,效果 如 图 5-28 
所 示 。 
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- 新 知 书店 -管理 后 台 - Windows Internet Explorer - oo x 
个 畏 - 四 http:/localhost1452 同 加 加 区 | 记 百 度 
实 收藏 夹 “| 功 新 知 书店 管理 后 侣 [ 


新 知 辐 溃 
Molinmeematom LE 


个 现在 的 位 置 : 新 知 书店 > 管理 员 后 台 


欢迎 使用 新 知 书 店 管理 端 ! 


Y 
> 


石 - [R100% [| . 


I 


晤 本 地 Intranet 
“新 知 书店 ”管理 端 首页 


图 5-28 


【任务 实施 】 
(1) 在 文件 夹 rw5-2-2 下 创建 网 站 项 目 Web, 解 决 方案 名 称 为 BookShop ,将 任务 5-2-1 


的 站 点 目录 下 的 文件 及 文件 夹 复制 至 新 创建 的 网 站 项 目 Web 下 。 
(2) 通过 右 击 网 站 项 目 Web, 添 加 “站 点 地 图 ”文件 web. sitemap ,并 根据 如 图 5-27 所 示 


的 层次 结构 编写 代码 如 下 。 


<?xml version= "1.0" encoding = "utf - 8" ?> 
< siteMap xmlns = "http://schemas. microsoft. com/AspNet/SiteMap— File—1.0" > 
< siteMapNode Id= "" url = "一 \hdminNDefault.aspx" title= "管理 员 后 台 " description = ""> 


< siteMapNode url = "" title = "用 户 管理 " description = ""> 
< siteMapNode url = "一 \Rdmin\UserList.aspx" title = "管理 用 户 " description = "" /> 
< siteMapNode url = "~\Admin\UserStateManage. aspx" title = "状态 管理 " description = "" /> 
< siteMapNode url = "一 \dninNUserDetails.aspx” title= "修改 用 户 资料 ” description= "" /> 


</ siteMapNode> 

< siteMapNode url = "" title = "图 书 管理 ”description = ""> 
< siteMapNode url = "~\Admin\CategoryManage.aspx" title= "添加 图 书 分 类 " description="" /> 
< siteMapNode url = "~\Admin\BookCategory. aspx" title = "为 书籍 分 类 " description="" /> 
< siteMapNode url = "~\Admin\BookDetail. aspx" title 书 详细 信息 " description="" /> 
< siteMapNode url = "~\Admin\BookList.aspx" title= "图 书 列表 " description = "" /> 
< siteMapNode url = "~\Admin\RecomBookList. aspx" title= "推荐 图 书 " description = "" /> 


</siteMapNode > 
< siteMapNode url = "" title = "订单 管理 ”description = ""> 
< siteMapNode url = "一 \hdmin\OrderList.aspx" title= "审核 订单 " description="" /> 
< siteMapNode url = "一 \hdminNOrderDetail.aspx" title= "详细 订单 " description = "" /> 


</siteMapNode> 
< siteMapNode url = " 一 \Membership\LoginOut.aspx" title =" 退 出" description = "管理 员 退 出 "> 
</siteMapNode > 
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</siteMapNode > 
</siteMapNode> 
</siteMap> 


(3) 打开 母 版 页 Admin. master, 添 加 控件 SiteMapPath, 该 控件 会 自动 读 取 刚才 在 根 目 
录 下 创建 的 站 点 文件 web. sitemap。 
任务 5-2-3 实现 “新 知 书店 ”管理 端的 菜单 功能 


【任务 描述 】 


管理 员 菜单 项 较 简单 ,是 为 了 便于 维护 使 用 XML 文件 保存 菜单 ,本 任务 实现 如 图 5-29 
所 示 的 管理 员 菜 单 功能 。 


新 知 书店 -管理 后 台 - Windows Internet Explorer 


给 鳃 本 ahttp:/llocalhost1252 国 [四 | 四] [人 百度 1 


从 收藏 大 七 新 知 书店 管理 后 台 | 


新 知 图 韦 


XINZHI BOOKS 


化 现在 的 位 置 : 新 知 书店 》 管 理 员 后 台 


欢迎 使 用 新 知 书店 管理 端 ! 


ib 


完成 对 本 地 Intranet 广 ” 羽 100% -~ 
图 5-29 “新 知 书店 ”管理 端 默认 首页 ( 含 菜单 ) 


【任务 实施 】 


(1) 以 任务 5-2-2 基础 ,在 Admin 文件 夹 下 创建 XML 文件 admin_menu. xml, 用 来 存 
储 菜单 项 ,菜单 项 比较 简单 ,参照 如 图 5-27 所 示 的 层次 结构 设置 菜单 ,代码 如 下 。 


<?xml version = "1.0" encoding= "utf 一 8"?> 
< siteRoot Id= "root" url = "" title= "管理 员 控 制 面板 " description = ""> 
< siteMapNode url = "" title= "用 户 管理 " description = ""> 
< siteMapNode url = "~\Admin\UserStateManage. aspx" title = "状态 管理 " description = "" /> 
< siteMapNode url = "一 \Rhdmin\UserList.aspx" title= "用 户 列表 " description = "" /> 
</siteMapNode > 


< siteMapNode url="" title= "图 书 管理 " description = ""> 
< siteMapNode url = "~\Admin\CategoryManage. aspx" title= "添加 图 书 分 类 " description = "" /> 
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< siteMapNode url = "~\Admin\BookList.aspx" title = "书籍 列表 " description = "" /> 
</ siteMapNode > 
< siteMapNode url = "" title= "订单 管理 " description = ""> 
< siteMapNode url = "一 \hdminNOrderList.aspx" title= "审核 订单 " description = ""” /> 
</siteMapNode > 
< siteMapNode url = "一 \Membership\LogOut.aspx" title= "退出 " description = "管理 员 退 出 "> 
</siteMapNode > 
</ siteRoot > 


(2) 打开 母 版 页 Admin. master, 从 工具 箱 中 拖 放 一 个 TreeView 控件 至 页 面 , 单 击 右 上 
方 的 箭头 ,弹出 “TreeView 任务 ”对 话 框 ,在 “选择 数据 源 ” 下 拉 列 表 框 中 选择 “新 建 数据 源 ” 
选项 ,在 弹出 的 “数据 源 配置 向 导 ” 对 话 框 中 选择 “XML 文件 ”, 并 指定 数据 源 ID 为 
xdsAdmin, 单 击 “ 下 一 步 ”按钮 ,选择 第 1 步 创 建 的 数据 文件 admin_menu. xml, 进 行 布局 调 
整 , 主 要 代码 如 下 。 


<asp:XmlDataSource ID = "xdsAdmin" runat = "server" DataFile = "~/Admin/admin menu. xml"> 
</asp:XmlDataSource > 
<div id= "header"> 
< img src = "images/admin top.gif" alt="" /></div> 
<div id= "main"> 
<div id= "opt_list"> 
<hl > 管理 员 , 您 好 !</hl> 
<div id= "subnav" > 
<asp:TreeView ID = "tvAdmin" runat = "server" DataSourceID = "xdsAdmin" ImageSet = "Arrows" 
Width = "191px"> 
<DataBindings > 
<asp:TreeNodeBinding DataMember = "siteMapNode" NavigateUrlField = "url" 
TextField= "title" /> 
<asp:TreeNodeBinding DataMember = "siteRoot" TextField= "title" /> 
</DataBindings > 
< ParentNodeStyle Font - Bold = "False" /> 
< HoverNodeStyle Font - Underline = "True" ForeColor = "#5555DD" /> 
< SelectedNodeStyle Font - Underline = "True" HorizontalPadding = "0px" 
VerticalPadding = "0px" ForeColor = "#5555DD" /> 
< NodeStyle Font - Names = "Verdana" Font — Size = "8pt" ForeColor = "Black" 
HorizontalPadding = "5px" NodeSpacing = "0px" VerticalPadding = "0px" /> 
</asp:TreeView> 
</div> 
</div> 


(3) 打开 母 版 页 Admin. master, 添 加 控件 SiteMapPath ,该 控件 会 自动 读 取 刚 才 在 根 目 
录 下 创建 的 站 点 文件 web. sitemap 。 


任务 5-2-4 搭建 “新 知 书店 "前台 页 面 框架 


【任务 描述 】 
在 任务 5-2-3 的 基础 上 ,使 用 母 版 页 创建 “新 知 书店 ”前 台 页 面 框架 并 添加 上 默认 页 面 , 效 


162 
N\A 


ASP, NET 网 站 开发 项 目 化 教程 


果 如 图 5-30 所 示 。 


新 知 书店 -最 方便 的 网 上 书店 - Windows Internet Explorer 


SO |e http://localhost:1252/Web/Default.aspx 图 奖 jejl 放 百度 区 
安 收藏 兴 。 。 区 新 如 节 店 - 景 方便 的 网 上 书店 
全 好 ， i 


新 哲 遇 志 
http>//kmxzta.tmalLcom 首页 购物 车 ”疏散 于 。 购物 凉 程 。 在线 癌 服 。 积分 总 丘 管理 入 口 ”帮助 


月 丙 个 了 的 蔡 是 于 的 


查看 所 有 分 类 >> 


如 要 C21-51506160 优 真 re1-51500156 -0080 
9 OITSOI30T 13433523 582855482 1143735195( 技术 ) 
SE earvicadbetnml. eon 全 薪 shopyengiiih cm 
帮助 志 行 碟 卫 帐 已 则 局 碟 台 地基 党 江 力 式 及 我 用 如 辣 泪 行 下 可 TE ES0040503 


要 外 并 网 白光 口 尝 CET 著 妇 革 轩 托 双 日 滞 法 证 下 落 文库 刷 落 胜 容 词 拓 T 册 岁 保 窑 甘 新 世 漠 己 浅 区 10 汰 本 节 各 
Ry Intranet 0% 


图 5-30 “新 知 书店 ”前 台 默 认 首 页 


【任务 实施 】 

(1) 在 网 站 项 目 Web 下 新 建文 件 夹 Css 和 Images, 用 来 存放 “新 知 书店 ”前 台 相 关 图 片 
资源 和 样式 表 文 件 , 并 将 前 台 页 面 所 需 的 图 片 资源 和 样式 表 文件 复制 到 对 应 目录 下 。 限 于 
篇 幅 , 样 式 表 文件 代码 不 予 罗列 。 

(2) 右 击 网 站 项 目 Web, 创 建 母 版 页 common. master, 为 母 版 页 设计 布局 ,编写 代码 
如 下 。 


<head> 
<meta http— equiv = "Content ~ Type" content = "text/html; charset =utf -8" /> 
<meta http— equiv= "X— UA— Compatible" content = "IE= EmulateIE7" /> 
< meta name = "Robots" content = "index, follow" /> 
<title > 新 知 书店 - 最 方便 的 网 上 书店 </title> 
< link href = "CSS/global. css" rel = "stylesheet"”type = "text/css" /> 
< asp:ContentPlaceHolder ID = "cphHeader" runat = " server"> 
</asp:ContentPlaceHolder > 
</head> 
<body> 
<form id = "forml" runat = "server"> 
<div id= "top"> // 顶 部 
<div class="status"> 


您 好 ， 
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<asp:Literal ID = "ltlUser" runat = "server"><a href = "">【 登 录 】-/a>< a href = ""> 
【免费 注册 XK/a> 
</asp:Literal > 
</div> 
<div class = "member"> 
<ul> 
<1li><a href ="#">< img src = "Images/payVIP.gif" height = "18" alt = "开通 
VIP" /></a></1i> 
<1i><ahref ="#">< img src = "Images/payCoin. gif" height = "18" alt = "学 币 
中 心 " /></a></1i> 
</ul> 
</div> 
</div> 
<div id="header"> // 头 部 
<div id = "1ogo">< img src = "Images/logo.gif" alt = "新 知 书店 " /></div> 
<div id= "nav"><div id= "a b 01"></div> 
<ul id= "mainnav">  // 首 页 水 平 标签 栏 
<1i><a href = "Default.aspx"> 首 页 </a></1i> 
<1i><a href = ""> 购 物 车 </a></1i> 
<1i><a href = ""> 收 藏 架 </a></1i> 
<1i><a href = "#"> 购 物流 程 </a></1i> 
<1i><a href ="#"> 在 线 客服 </a></1i> 
<1i><a href ="#"> 积 分 兑换 </a></1i> 
<1i><a href = ""> 管 理 人 口 </a></1i> 
<1i><ahref ="#"> 帮 助 </a></1i> 


</ul> 
</div> 
</div> 
< div id="container"> // 主 体 部 分 
<! == left content ——> 
<div id="intro"> // 主 体 部 分 左 栏 


<div id= "basket"> 

<a href ="#" runat = "server" id = "hrefShoppinCart"> 目 前 您 的 购物 篮 是 空 的 </a> 
</div> 
<div id= "search"> 

< asp: TextBox ID = "txtKeyword" runat = "server" CssClass = " search_key"> 
</asp:TextBox> 
<asp:Button ID = "btnSearch" runat = "server" UseSubmitBehavior = "false" 
CssClass = "search sub" /> 

</div> 
<div id= "alltype"> 

<hl class = "all_type black"><a href ="#"> 查 看 所 有 分 类 >></a></hl > 

<div id= "subnav"> 

< div id = "subnavbottom"> &nbsp; </div> 


</div> 
<! —— subnav end 一 一 > 
</div> 


<! =—= link start ~——> 
div d= slp 
<a href ="# "> CSDN 开发 者 大 会 </a>< br /> 
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<a href ="##">.BET 俱乐部 活动 月 </a></div> 
<! —— link end 一 一 > 
</div> 
// 下 面 为 主体 部 分 右 栏 , 预 留 给 内 容 页 的 主体 部 分 
< asp: ContentPlaceHolder ID = "cphContent" runat = " server"> 


</asp: ContentPlaceHolder > 
</div> 
<div id= "footer"> // 底 部 
<%% 一 -省 略 部 分 -一 名 > 
</div> 
</form> 
</body> 


标明 二 a href 二 "#" 二 的 在 “新 知 书店 ”中 不 予 实现 功能 ,只 提供 显示 。 
(3) 在 网 站 项 目 Web 下 基于 母 版 页 common. master 创建 内 容 页 面 Default. aspx, 运 行 
效果 如 图 5-30 所 示 。 


任务 5-2-5 实现 “新 知 书店 ”前 台 页 面 站 点 导航 功能 


【任务 描述 】 

在 任务 5-2-4 的 基础 上 ,使 用 站 点 地 图 实现 前 台 页 面 的 站 点 导航 功能 ,如 图 5-31 所 示 ， 
在 web. sitemap 中 追加 前 台 页 面 文件 结构 ,文件 结构 如 图 5-32 所 示 , 在 母 版 页 中 添加 
SiteMapPath 控件 。 


新 知 书店 -最 方便 的 网 上 书店 - Windows Internet Explorer 


EY [@ http://localhost: 1334/Web/Default.aspx 司 轿 | 区 |P 百度 Ee] 
窜 收 藏 天 ”看 新 知 书 店 -时 方便 的 网 上 书店 | 
娩 妈 ， 


(en 
http://kmxzts.tmallLoom 首页 “ 购物 车 。 收藏 染 ”购物 流程 ”在线 鹤 服 ”积分 况 措 ”管理 入口 帮助 


下 


入 021-01506156 信和 不 021-51506106-0020 [xz | 隔 I | 
0 QT5013071 13483528 562655482 1143735195( 技术 】 | Kk 
] 


司 本 地 Intranet 入 态 100% > 


图 5-31 “新 知 书店 "前台 默 认 首页 中 的 导航 效果 
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AA 


图 5-32 “新 知 书店 "文件 结构 图 


【任务 实施 】 

(1) 该 任务 在 任务 5-2-2 中 曾 实 施 过 ,较为 简单 ,在 任务 5-2-4 的 基础 上 ,把 任务 5-2-2 
中 的 站 点 文件 web. sitemap 复制 到 网 站 项 目 Web 的 根 目 录 下 ,并 追加 如 图 5-32 所 示 的 前 
台 页 面 文件 结构 ,代码 如 下 。 


<?xml version = "1.0" encoding = "utf - 8" ?> 
< siteMap xmlns = "http://schemas. microsoft. com/AspNet/SiteMap— File—1.0" > 
< siteMapNode url = "一 \Default.aspx" title= "新 知 书店 "” description = ""> 
< siteMapNode url ="BookList.aspx”title = "图 书 列表 页 " description = ""/> 
< siteMapNode url = "Search.aspx”title = "搜索 页 "” description=""/> 
< siteMapNode url ="" title = "订单 查询 " description="" /> 
< siteMapNode url = "ShoppingCart.aspx" title = "购物 车 " description = ""” /> 
< siteMapNode url = "一 \BookDetail. aspx" title = "图书 详细 页 " description = ""” /> 
< siteMapNode Id= "" url ="" title=" 会 员 后 台 ”description = ""> 
< siteMapNode url = "一 \Membership\Register.aspx" title = "用户 注册 " description = ""” /> 
< siteMapNode url = "一 \Membership\Login.aspx"” title= "用 户 登录 " description = "" /> 
< siteMapNode url = "一 \Membership\UserModify.aspx" title= "修改 个 人 信息 ” description = "" /> 
< siteMapNode url=""” title= "退出 登录 " description="" /> 
</siteMapNode > 
</siteMap > 


(2) 从 工具 箱 中 拖 放 SiteMapPath 控件 至 母 版 页 common. master 的 相应 位 置 , 代 码 
如下。 


<div id= "breadcrumb" class= "black"> 
Snbsp; &nbsp; 您 现在 的 位 置 : 
<asp:SiteMapPath ID = "smpRoad" runat = "server"> 
< PathSeparatorStyle BackColor = "White" BorderColor = "White" /> 
</asp:SiteMapPath> 
</div> 
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(3) 将 在 任务 5-2-4 中 创建 的 前 台 首 页 Default. aspx 删除 ,根据 母 版 页 common. 
master 重新 创建 页 面 Default. aspx, 即 完成 该 任务 的 实施 。 


任务 5-2-6 实现 “新 知 书店 ”前 台 页 面 菜 单 栏 功能 


【任务 描述 】 

在 任务 5-2-5 的 基础 上 ,结合 ADO .NET 读 取 数据 表 Categories 中 的 数据 并 保存 到 泛 
型 集合 中 ,并 使 用 TreeView 的 递归 动态 添加 节点 方法 来 展示 图 书 分 类 信息 ,效果 如 图 5-31 
所 示 。 

【任务 实施 】 

(1) 在 任务 5-2-5 的 基础 上 ,创建 网 站 项 目 Web, 保 存在 文件 夹 rw5-2-6 中 ,在 web. config 
中 创建 数据 库 连接 字符 串 ,代码 如 下 。 


< connectionStrings > 
< add name = "BookShop" connectionString = "Data Source= . ;Initial 
Catalog = BookShopPlus; Integrated Security = True"/> 
</connectionStrings > 


(2) 右 击 网 站 项 目 Web, 选 择 “ 添 加 ASP.NET 文件 夹 ” 二 “App_Code”, 在 该 文件 夹 下 
创建 类 文件 Category. cs 和 SqlHelper. cs,Category. cs 是 分 类 表 数 据 表 Categories 对 应 的 
实体 类 ,代码 如 下 ,SqlHelper. cs 封装 了 一 些 对 数据 进行 操作 的 方法 。 


public class Category 
{ 
private int id; 
private string name = String. Empty; 
private int pId; 
private int sortNum; 


public Category(int id, string name) // 构 造 方法 ,根据 Id 获取 名 称 name 
| 

this. id = id; 

this. name = name; 
} 
public int Id // 分 类 编号 
| 

get { return this. id; } 

set { this. id = value; } 
} 
public string Name // 类 别名 称 
lL 


get { return this. name; } 
set { this.name = value; } 
. 
public int PId // 父 类 编号 
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get { return pId; } 

set { pId = value; } 
public int SortNum // 排 序号 
i 

get { return sortNum; } 

set { sortNum = value; } 


(3) 在 母 版 页 common. master 中 拖 入 TreeView 控件 至 需要 显示 菜单 的 位 置 ,代码 
如 下 。 


<div id= "alltype"> 
< hl class = "all type black"><a href =" 间 "> 查看 所 有 分 类 >></a></hl > 
<div id= "subnav"> 
< asp:TreeView ID = "trvwCategory" runat = " server"></asp:TreeView> 
< div id = "subnavbottom"> &nbsp;</div> 


</div> 
<! -一 subnav end -一 > 
</div> 


(4) 在 母 版 页 的 后 置 代码 文件 common. master. cs 中 编写 获取 分 类 信息 的 泛 型 集合 及 
绑 定子 节点 的 递归 方法 ,代码 如 下 。 


protected void Page_Load(object sender, EventArgs e) 
{ 
if (!Page. IsPostBack) 
// 动 态 加 载 分 类 
this. LoadCategories( ); 
下 
I 
/// < summary> 
/// 绑 定 分 类 节点 
/// </summary> 
void LoadCategories() 
{ 
List < Category> items = GetCategories(); 
if (items.Count > 0) 
trvwCategory. Nodes.Clear(): 
foreach (Category item in items) 
{ 
if (item.PId == 0) 
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{ 
TreeNode node = new TreeNode("gnbsp;" + item. Name, item. Id.ToString(), 
this. ResolveUrl("~/Images/arrow. gif")); 
node. NavigateUrl = "BookList.aspx?typeid=" + item. Id; 
this. trvwCategory. Nodes. Add( node); // 递 归 绑 定子 节点 
this.BindNode( items, node); 
} 
} 
/// < summary> 
/// 绑 定 子 节点 


/// </summary> 
/// <param name = "items"> 类 别 集合 </param > 
/// < param name = "node"> 节 点 </param> 
void BindNode(List < Category> items, TreeNode pNode) 
E 
foreach (Category item in items) 
{ 
if (item.PId == Int32.Parse(pNode. Value)) 
{ 
TreeNode node = new TreeNode("gnbsp;" + item. Name, item. Id.ToString(), 
this. ResolveUrl("~/Images/arrow. gif")); 
node. NavigateUr1l = "BookList.aspx?typeid=" + item. Id; 
PNode. ChildNodes. Add( node); 
BindNode( items, node); 


/// < summary> 
/// 获取 分 类 信息 并 保存 到 泛 型 集合 
/// </summary> 
public List < Category> GetCategories() 
string strSql = "SELECT *#* FROM Categories ORDER BY SortNum ASC"; 
List <Category> list = new List< Category>(); 
DataSet ds = SqlHelper. ExecuteDataset(SqlHelper.ConnectionString, 
CommandType. Text, strSql); 
if (ds.Tables.Count > 0) 
|! 
DataTable dt = ds.Tables[0]; 
foreach (DataRow row in dt. Rows) 
{ 
Category category = new Category(); 
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MA 


category. Id = (int)row["Id"]; 
category. Name = (string)row["Name"]; 
category. PId = (int)row["PId"]; 
category. SortNum = (int)row[ "SortNum"]; 
list. Add(category); 
} 
1 
return list; 


1 


(5) 运行 页 面 Default. aspx, 效 果 如 图 5-33 所 示 。 


新 知 书店 -最 方 秦 的 网 上 书店 - Windows Internet Explorer 


GO la ocalhost: 1252/Web/Default.aspx 畔 区 jfx|| 史 百度 | EH 
空 收藏 六 镍 新知 书店 -最 方便 的 网 上 书店 
ETETTZCTZT i 


http://kmxzts.tmall.com 首页 ”购物 车 ” 收 巧 架 购物 沉 程 ”在 凌 客 服 


积分 吕 换 ”管理 入口 ”帮助 | 


西 加 现在 的 位 对 : 新知 书 丰 | 


> HN 
> 计算 轴 雪 涝 汝 斌 


晤 本 地 Intranet ”R100% 


图 5-33 “新 知 书店 ”前 台 默 认 页 面 菜 单 栏 效果 
(6.3 项 目 实 训 


使 用 母 版 页 搭建 “博客 系统 ”页面 框 架 


【需求 说 明 】 

。 根据 美工 人 员 制 作 好 的 “博客 系统 ”首页 静态 页 面 MasterPage. html, 搭 建 如 图 5-34 
所 示 的 “博客 系统 ” 母 版 页 MasterPage. master( 提 示 : 将 静态 页 面 二 body 二 中 的 代 
人 码 放 到 母 版 页 的 二 Form 二 标记 当中 )。 

。 根据 母 版 页 创建 “博客 系统 "注册 内 容 页 面 Register. aspx, 如 图 5-35 所 示 。 
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交 ns i 
人 < = 有 你 更 戎 向 -SA 


用 户 列表 i Usure Line 
Objectpatasource - odsUserli 


多 2014 6ajdu 委 二 器 认 灶 血 生产 1CP 二 030173 叶 Co.,id 有 可 新 有 


图 5-34 “博客 系统 ” 母 版 页 效果 


有 你 更 糊 彩 
ER 用 户 列表 iUsure Line 
请 才 区 又 安 易 2 
几 Slaspx 
FE MoE 
Ba: Ee 


确认 密码 ; 用 户 登 录 iLogin 


要 2014 Eaidu 全 月 百度 籼 双 这 京 ICPIE039173 号 Cevliz 蕊 可 所 可 


图 5-35 “博客 系统 "会 员 注册 页 效果 (Register aspx) 
(5.4 单元 小 结 


本 单元 简单 介绍 了 CSS 样式 控制 ,深入 讲解 了 母 版 页 的 创建 及 与 内 容 页 的 关系 ,通过 
示例 演示 了 如 何在 内 容 页 中 获取 母 版 页 中 的 元 素 , 阐 述 了 站 点 导航 技术 及 其 相关 控件 的 应 
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用 ,本 单元 知识 体系 如 图 5-36 所 示 。 


Frameset 和 Ilframe 

加 母 版 页 的 创建 

在 内 容 页 中 读 取 母 版 页 中 的 元 素 
曾 在 母 版 页 中 读 取 内 容 页 的 元 素 
前 谋 套 母 版 页 

动态 加 载 


页 面 框架 三 | 
母 版 页 S| 


指 建 风格 统一 的 Web 站 点 C55 样式 控制 


站 点 地 图 及 站 点 地 图 文件 的 创建 
SiteMapPath 控 件 结合 站 点 地 图 文件 详 现 “ 面 包 悄 ”导航 效果 
| 视图 编辑 方式 实现 导航 
一 站 点 导航 局 结合 站 点 地 图 文件 的 方式 实现 导航 
TreeView 控 件 
| 图 结合 XML 文件 实现 导航 
编程 实现 动态 添加 节点 


图 5-36 搭建 风格 统一 的 Web 站 点 知识 体系 
(5.5 单元 练习 题 


一 、 选 择 题 

1. 下 面 说 法 错误 的 是 ( )s 

A. CSS 样式 表 可 以 将 内 容 和 外 观 分 离 

B. CSS 样式 表 可 以 控制 页 面 的 布局 

C. CSS 样式 表 可 以 使 许多 网 页 同时 更 新 

D. CSS 样式 表 不 能 制作 体积 更 小 下 载 更 快 的 网 页 
2. CSS 样式 表 不 可 能 实现 ( ) 功 能 。 


A. 将 内 容 和 外 观 分 离 B. 一 个 CSS 文件 控制 多 个 网 页 

C. 控制 图 片 的 精确 位 置 D. 兼容 所 有 的 浏览 器 

3. 下 面 不 属于 CSS 插入 形式 的 是 ( )。 

A. 索引 式 B. 内 联 式 C. 嵌入 式 D. 外 部 链接 式 


4. 车 要 在 网 页 中 插入 样式 表 main. css, 以 下 用 法 中 ,正确 的 是 ( }a 

A. 二 Link href 一 "main. css” type= "text/css" rel="stylesheet"> 

B. 二 Link Src 一 "main. css” type 一 "text/css” rel="stylesheet"> 

C. <Link href 一 "main. css” type 一 "text/css "一 

D. =Include href 一 "main. css” type="text/css" rel="stylesheet"> 

. 若 要 在 当前 网 页 中 定义 一 个 独立 类 的 样式 myText, 使 具有 该 类 样式 的 正文 字体 为 

"Arial" ,字体 大 小 为 9pt, 行 间距 为 13. 5pt, 以 下 定义 方法 中 ,正确 的 是 ( Js 
A. =Style> . myText {Font-Familiy: Arial; Font-size: 9pt; Line- Height:13. 5pt} = /style> 
B. .myText{Font-Familiy: Arial; Font-size:9pt;Line-Height:13. 5pt} 


a 
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C. =Style> .myText {FontName: Arial; FontSize: 9pt; Line-Height:13. 5pt} =/style> 

D. =Style> .myText {FontName: Arial; Font-size:9pt; Line-Height:13. 5pt} =/style> 
6. 若 需 要 动态 地 改变 内 容 页 的 母 版 页 ,应 该 在 页 面 的 ( ) 事 件 方法 中 进行 设置 。 

A. Page_Load B. Page_Render 

C. Page_PreRender D. Page_Prelnit 

7. 创建 一 个 Web 页 面 ,同时 也 有 一 个 名 为 master. master 的 母 版 页 ,要 让 Web 窗 体 使 


用 master. master 母 版 页 ,应 该 如 何 处 理 ?( ) 


A. 加 入 ContentPlaceHolder 控件 

B. 加 入 Content 控件 

C. 在 Web 页 面 的 @Page 指令 中 设置 MasterPageFile 属性 为 master. master, 然 后 将 窗 体 
中 二 form 二 一 /form 过 之 间 的 内 容 放置 在 一 asp:Content 二 … 一 /asp:Content 二 内 


8. 要 访问 母 版 页 中 的 控件 ,可 以 使 用 ( Ws 
A. 控件 ID B. Master. FindControl 
C.， Master. 控件 ID D. 无 法 实现 


9. 在 一 个 Web 站 点 中 ,有 一 个 站 点 地 图 文件 Web. sitemap 和 一 个 Default. aspx 页 面 ， 


在 Default. aspx 页 面 中 包含 一 个 SiteMapDataSource 控件 ,该 控件 的 ID 为 smData。 如 果 
想 以 树 状 结构 显示 站 点 地 图 ,该 如 何 处 理 ?( ) 


A. 拖 电 一 个 Menu 到 页 面 中 ,并 将 其 绑 定 到 SqlDataSource 

B. 拖 电 一 个 TreeView 到 页 面 中 ,并 将 其 绑 定 到 SqlDataSource 

C. 拖 上 忠 一 个 Menu 到 页 面 中 ,并 设置 该 控件 的 DataSourceID 属性 设置 为 smData 

D. 拖 上 忠 一 个 TreeView 到 页 面 中 ,并 设置 该 控件 的 DataSourceID 属性 设置 为 smData 
10. 在 一 个 产品 站 点 中 ,使 用 SiteMapDataSource 控件 和 TreeView 控件 进行 导航 ,站 


点 地 图 Web. sitemap 配置 如 下 : 


<?xml version= "1.0" encoding = "utf -8" ?> 
< siteMap xmlns = "http://schemas. microsoft. com/AspNet/SiteMap— File—1.0" > 
< siteMapNode title = "首页 " description = "网 站 首页 " url= "一 /default.aspx"> 
< siteMapNode title = "产品 分 类 " url= "一 /Products.aspx"” /> 
< siteMapNode title = "系统 管理 "url = "一 /hdmin/Default.aspx"> 
< siteMapNode title = "产品 修改 "url = "一 /hdmin/Training.aspx"” /> 
< siteMapNode title = "订单 查询 ”url = "~/Admin/Consulting.aspx" /> 
</siteMapNode > 
</siteMapNode > 
</siteMap > 


要 求 当 用 户 进入 管理 员 页 面 后 ,只 显示 管理 员 节点 及 其 子 节点 。 该 如 何 处 理 ? 〈 ) 
A. 将 SiteMapDataSource 控件 的 ShowStartingNode 属性 设置 为 false 

B. 在 Admin/Default. aspx 页 重新 应 用 一 个 新 的 只 包含 会 员 节 点 的 Web. sitemap 地 图 
C. 将 SiteMapPath 控件 的 SkipLinkText 属性 设置 为 一 /Admin/Default. aspx 

D. 将 SiteMapDataSource 控件 的 StartingNodeUrl 属性 设置 为 一 /Admin/Default. aspx 
二 、 填空 题 

1. 在 ASP.NET 页 面 中 使 用 CSS 的 三 种 方法 分 别 是 、 、 。 
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2. 母 版 页 为 具有 扩展 名 的 ASP .NET 文件 , 它 具有 可 以 包括 
和 的 预定 义 布局 。 母 版 页 由 特殊 @ Master 指令 识别 ,该 指令 替换 了 用 于 

普通 . aspx 页 的 @Page 指令 。 

三 、 问 答题 
. 简 述 CSS 样式 中 ,样式 选择 符 可 以 有 几 种 类 型 。 
.CSS 的 主要 功能 是 什么 ? 
. 简 述 主题 中 可 以 包含 哪 几 类 文件 。 
. 阐述 母 版 页 和 内 容 页 之 间 的 关系 。 
. 简 述 母 版 页 的 工作 原理 。 
. 简 述 SiteMapPath、Menu 和 TreeView 控件 的 用 途 。 


人 


数据 库 备 访问 及 网 上 书店 系统 架 入 


| 


教学 目标 : 

了 解 ADO.NET。 

熟练 掌握 ADO.NET 连接 SQL 数据 库 。 
熟练 掌握 Connection 对 象 的 使 用 。 
熟练 掌握 Command 对 象 的 使 用 。 

掌握 DataReader 对 象 的 使 用 。 

熟练 掌握 DataAdapter 对 象 的 使 用 。 
掌握 DataSet 对 象 中 常用 的 方法 ,并 高 效 使 用 DataSet 开发 。 
了 解 三 层 架 构 系 统 。 

掌握 三 层 架构 系统 的 创建 过 程 。 

掌握 每 一 层 的 代码 设计 。 


(6.1 知识 准备 


6.1.1 ADO .NET 概述 


大 部 分 应 用 程序 都 需要 访问 或 者 操作 大 量 数据 ,通常 ,这 些 数据 都 是 存储 在 数据 库 中 
的 。 比 如 到 超市 买 东西 ,结账 的 时 候 , 只 要 扫描 贴 在 商品 上 的 条 形 码 ,超市 的 结算 系统 就 能 
够 根据 条 形 码 从 数据 库 中 读 取 此 商品 的 价格 ,计算 出 购买 商品 的 价钱 。 如 果 没 有 数据 库 , 超 
市 出 售 的 所 有 商品 的 价格 就 需要 收银 员 输 入 到 结算 系统 中 , 既 费 时 又 费力 ,还 可 能 出 现 操作 
错误 。 
在 信息 系统 中 ,常用 的 数据 库 有 很 多 种 ,比如 SQL Server、Access、Oracle 等 。 为 了 使 
客户 端 能 够 访问 服务 器 上 的 数据 ,就 要 用 到 数据 库 访问 的 方法 和 技术 ,ADO .NET(CActiveX 
Data Objects) 就 是 这 种 技术 之 一 。 


1. ADO .NET 简介 


ADO.NET 是 .NET Framework 中 不 可 缺少 的 一 部 分 , 它 是 一 组 类 。 通 过 这 些 类 
.NET 应 用 程序 就 可 以 访问 数据 库 。ADO.NET 的 功能 非常 强大 , 它 提供 了 对 关系 数据 库 、 
XML 以 及 其 他 数据 存储 的 访问 。 应 用 程序 可 以 通过 ADO.NET 技术 与 这 些 数 据 源 进行 连 
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接 , 对 数据 进行 增 、 删 . 改 、 查 等 操作 。 

ADO.NET 技术 的 一 个 突出 的 优点 是 , 它 与 数据 源 断 开 连 接 时 也 可 以 使 用 数据 。 这 是 
因为 ADO .NET 可 以 把 从 数据 源 检 索 到 的 数据 保存 在 本 地 内 存 的 一 个 叫 作 DataSet( 数 据 
集 ) 的 地 方 , 这 样 应 用 程序 就 可 以 直接 操作 本 地 内 存 中 的 数据 (也 即 DataSet 中 的 数据 ) ,而 
数据 源 可 以 为 更 多 的 应 用 程序 提供 服务 。 这 就 是 ADO .NET 的 断 开 连 接 模 型 。 这 就 好 比 
有 一 个 大 的 工厂 ,工厂 里 有 一 个 仓库 ,用 来 存放 生产 用 的 原料 和 产品 。 同 时 ,工厂 中 有 很 多 
生产 车 间 。 假 设 每 个 车 间 每 天 要 生产 100 件 产品 ,每 加 工 一 件 产品 都 是 从 仓库 里 取 一 次 原 
料 , 向 仓库 提交 一 个 产品 , 恺 怕 即 使 仓库 的 管理 员 忙 得 晕 头 转向 也 不 能 够 满足 所 有 车 间 的 需 
求 。 所 以 车 间 就 在 自己 的 旁边 建 了 一 个 临时 仓库 ,每 天 先 把 生产 用 的 原料 一 次 性 地 从 仓库 
中 取出 来 放 在 临时 仓库 中 ,生产 的 时 候 只 需要 从 临时 仓库 提取 原料 就 行 了 。 每 天 生产 的 产 
品 也 先 寄存 在 临时 仓库 中 , 待 下 班 的 时 候 再 由 各 车 间 把 这 一 天 生产 的 产品 一 次 性 搬运 到 
仓库 。 


2. ADO .NET 的 主要 组 件 


ADO .NET 用 于 数据 访问 的 类 库 包 含 .NET Framework 数据 提供 程序 和 DataSet( 数 
据 集 ) 两 个 组 件 , .NET Framework 数据 提供 程序 和 DataSet 之 间 的 关系 如 图 6-1 所 示 。 


:NET Framewotk 数 据 提供 程序 DataSet 
Connection DataAdapter | Data Table Collection 
Transaction [SeleciCommand 1 Data Table 
CE a DataRowCollection 
Command InsertCommand 1 
1 DataColumnCollection| 
Parameters | | [UpdateCommand 1 一 
1 ConstraintCollection 
DataReader | DeleteCommand | -1 
DataRelationCollection 


1 
1 
+ 
XML 
数据 座 
6-1 ADO.NET 的 组 成 


。 .NET Framework 数据 提供 程序 是 专门 为 数据 处 理 以 及 快速 地 只 进 、 只 读 访问 数据 
而 设计 的 组 件 。 使 用 它 可 以 连接 数据 源 、 执 行 命令 和 检索 结果 ,直接 对 数据 源 进行 
操作 。 
。 DataSet 是 专门 为 独立 于 任何 数据 源 的 数据 访问 而 设计 的 ,使 用 它 , 可 以 不 必 直 接 和 
数据 源 打 交道 ,可 以 大 批量 地 操作 数据 ,也 可 以 将 数据 绑 定 在 控件 上 。 
.NET Framework 数据 提供 程序 包含 了 访问 各 种 数据 源 数据 的 对 象 , 它 是 和 数据 库 类 
型 有 关 的 。 目 前 有 四 种 类 型 的 数据 提供 程序 ,如 表 6-1 所 示 。 
具体 要 使 用 哪 种 数据 提供 程序 ,要 根据 应 用 程序 所 使 用 的 数据 库 。.NET Framework 
数据 提供 程序 包括 以 下 四 个 核心 对 象 。 
。 Connection: 建立 与 数据 源 的 连接 。 
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。 Command: 对 数据 源 执行 操作 命令 ,用 于 修改 、 查 询 数 据 和 运行 存储 过 程 。 
。 DataReader: 从 数据 源 获取 返回 的 数据 。 
。 DataAdapter: 用 数据 源 数据 填充 DataSet, 并 可 以 处 理 数据 更 新 。 


表 6-1 常见 的 数据 提供 程序 及 其 支持 的 数据 源 描述 


数据 提供 程序 支持 数据 源 的 描述 
ODBC Data Provider 提供 ODBC 接口 的 数据 源 ,包括 Access、Oracle、SQL Server、MySQL 和 Visual 
FoxPro 等 传统 数据 源 
OLE DB Data Provider ”提供 OLE DB 接口 的 数据 源 ,比如 Access、Excel、Oracle 和 SQL Server 
Oracle Data Provider 用 于 Oracle 数据 库 
SQL Data Provider 用 于 Microsoft SQL Server 7 或 更 高 版 本 、SQL Express 或 MSDE 
Borland Data Provider ”许多 数据 库 的 公共 存 取 方式 ,比如 Interbase、SQL Server、IBM DB2 和 Oracle 


不 同 的 命名 控件 中 都 有 相应 的 对 象 。 比 如 要 操作 SQL Server 数据 库 , 需 要 使 用 
Systen. Data. SqlClient 命名 空间 ,SQL 数据 提供 程序 中 的 类 都 以 Sql 开头 ,所 以 它 的 四 个 核 
心 对 象 分 别 为 SqlConnection、SqlCommand、SqlDataReader、SqlDataAdapter。 本 课程 是 利 
用 SQL Server 的 .NET 数据 提供 程序 来 操作 数据 库 的 。ADO .NET 的 数据 库 命名 空间 及 
其 说 明 如 表 6-2 所 示 。 

表 6-2 ADO.NET 的 数据 库 命名 空间 及 其 说 阴 


命名 空间 说 明 
System. Data ADO.NET 的 核心 ,包含 处 理 非 连接 的 架构 所 设计 的 类 ,如 DataSet 
System. Data. SqlClient SQL Server 的 .NET 数据 提供 程序 
System. Data. OracleClient Oracle 的 .NET 数据 提供 程序 
System. Data. OleDb OLE DB 的 .NET 数据 提供 程序 
System. Data. Odbc ODBC 的 .NET 数据 提供 程序 
System. Xml 提供 基于 标准 XML 的 类 ,结构 等 
System. Data. Common 由 .NET 数据 提供 程序 继承 或 者 实现 的 工具 类 和 接口 


DataSet 是 ADO.NET 的 断 开 式 结构 的 核心 组 件 。 设 计 DataSet 的 目的 是 为 了 实现 独 
立 于 任何 数据 源 的 数据 访问 。 可 以 把 它 看 成 是 内 存 中 的 数据 库 , 是 专门 用 来 处 理 数据 源 中 
读 出 的 数据 的 。 

DataSet 的 优点 就 是 离线 式 ,一 旦 读 到 数据 库 中 的 数据 后 ,就 在 内 存 中 建立 数据 库 的 副 
本 ,在 此 之 后 的 操作 ,直到 执行 更 新 命令 为 止 ,所 有 的 操作 都 是 在 内 存 中 完成 的 。 不 管 底层 
的 数据 库 是 哪 种 类 型 ,DataSet 的 行为 都 是 一 致 的 。 

DataSet 是 数据 表 (DataTable) 的 集合 , 它 可 以 包含 任意 多 个 数据 表 , 而 且 每 个 DataSet 
中 的 数据 表 对 应 一 个 物理 数据 库 中 的 数据 表 (Table) 或 者 数据 视图 (View)。 

ASP.NET 数据 访问 程序 的 开发 流程 有 以 下 几 个 步骤 : 

(1) 利用 Connection 对 象 创建 数据 连接 。 

(2) 利用 Command 对 象 对 数据 源 执行 SQL 命令 。 

(3) 利用 DataReader 对 象 读 取 数 据 源 的 数据 。 

(4) DataSet 对 象 与 DataAdapter 对 象 配合 ,完成 数据 的 查询 和 更 新 操作 。 
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6.1.2 使 用 Connection 连接 数据 库 


当 应 用 程序 要 访问 数据 的 时 候 , 怎 样 能 够 找到 数据 库 呢 ? 这 就 需要 Connection 对 象 。 
在 ADO .NET 对 象 模型 中 ,Connection 对 象 用 于 连接 数据 库 和 管理 数据 库 的 事务 。 不 同 的 
数据 源 ( .NET 数据 提供 程序 ) 需 要 使 用 不 同 的 类 来 建立 连接 。 例 如 ,要 连接 到 SQL 
Server, 需 要 选择 SqlConnection 连接 类 。 根 据 不 同 的 数据 源 提供 了 如 表 6-3 所 示 的 4 种 数 


据 库 连接 方式 。 
表 6-3 .NET 数据 提供 程序 及 相应 的 连接 类 
数据 访问 提供 程序 名 称 空间 对 应 的 连接 类 名 称 
SQL Server 数据 提供 程序 System. Data. SqlClient SqlConnection 
OLE DB 数据 提供 程序 System. Data. OleDb OledbConnection 
ODBC 数据 提供 程序 System. Data. Odbc OdbcConnection 
Oracle 数据 提供 程序 System. Data. OracleClient OracleConnection 


下 面 以 SqlConnection 为 例 介 绍 Connection 对 象 的 使 用 ,其 他 连接 方式 与 之 类 似 。 
SqlConnection 对 象 提供 了 一 些 属性 和 方法 ,允许 程序 员 与 数据 源 建立 连接 或 断 开 连接 。 
SqlConnection 对 象 的 常用 属性 和 方法 如 表 6-4 所 示 。 


表 6-4 SqlConnection 对 象 的 常用 属性 和 方法 


属性 或 方法 名 称 说 明 

ConnectionString 属性 取得 和 设置 连接 字符 串 

ConnectionTimeOnut 属性 ”获取 SqlConnection 对 象 的 超时 时 间 ,单位 为 秒 ,0 表示 不 限制 。 若 在 这 个 时 
间 之 内 无 法 连接 数据 源 , 则 产生 异常 

Database 属性 获取 当前 数据 库 名 称 

DataSource 属性 获取 数据 源 的 完整 路 径 和 文件 名 ,若是 SQL Server 数据 库 , 则 获取 所 连接 
的 SQL Server 服务 器 名 称 

State 属性 获取 数据 库 的 连接 状态 , 它 的 值 为 ConnectionState 枚 举 值 

Open 方法 打开 与 数据 库 的 连接 

Close 方 法 关闭 与 数据 库 的 连接 

ChangeDatabase 方法 在 打开 连接 的 状态 下 ,更 改 当前 数据 库 

CreateCommand 方法 创建 并 返回 与 SqlConnection 对 象 有 关 的 SqlCommand 对 象 

Dispose 方 法 调用 Close() 方 法 关闭 与 数据 库 的 连接 ,并 释放 所 占用 的 系统 资源 


注意 : 除了 Connecti 
记 配 置 数据 库 连 接 。 


onString 之 外 ,其 他 属性 都 是 只 读 属 性 ,只 能 通过 连接 字符 串 的 标 


在 ADO.NET 中 ,如 果 使 用 .NET Framework 数据 提供 程序 操作 数据 库 , 必 须 显 式 地 
关闭 与 数据 库 的 连接 ,也 就 是 说 ,在 操作 完 数据 库 后 ,必须 调用 Connection 对 象 的 Close() 


方法 关闭 连接 。 


建立 应 用 程序 与 数据 库 连 接 需 要 以 下 三 个 步骤 。 


1. 定义 连接 字符 串 


为 了 连接 到 数据 库 , 需 要 一 个 连接 字符 串 。 连 接 字 符 串 通常 由 用 分 号 隔 开 的 名 称 和 值 
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组 成 ,不 同 的 数据 库 连 接 字符 串 ,其 格式 不 同 。SQL Server 数据 库 的 连接 字符 串 格式 一 
般 为 : 


Server = 服务 器 名 ;Database = 数据 库 名 ;uid= 用 户 名 ;pwd= 密码 


Data Source = 服务 器 名 ; Initial Catalog = 数据 库 名 ; User ID= 用 户 名 ;Pwd= 密码 


数据 库 连接 字符 串 由 以 多 个 分 号 隔 开 的 多 个 参数 组 成 ,其 常用 参数 及 其 说 明 如 表 6-5 
所 示 。 
表 6-5 ”Sqlconnection 对 象 的 连接 字符 串 参数 及 其 说 明 


参 数 说 明 

Data Source 或 Server 连接 打开 时 使 用 的 SQL Server 数据 库 服 务 器 名 称 ,或 者 是 Microsoft 
Access 数据 库 的 文件 名 ,可 以 是 "local"、"."、"localhost"、"127.0.0.1", 也 
可 以 是 具体 数据 库 服 务 器 的 名 称 

Initial Catalog 或 Database 。 数据 库 的 名 称 

Integrated Security 此 参数 决定 连接 是 否 是 安全 连接 。 可 能 的 值 有 True、False 和 SSPI(SSPI 
是 True 的 同义词 ) 

User ID 或 uid SQL Server 账户 的 登录 账户 

Password 或 pwd SQL Server 登录 密码 


例如 光 新 知 书店 ”应 用 程序 与 本 机 的 BookShopPlus 数据 库 连 接 的 字符 串 可 以 写成 ， 
String connStr = "Server = . ; Database = BookShopPlus; Uid = sa; pwd = 123456"; 

说 明 : 如 果 数据 库 的 密码 为 空 ,可 以 省 略 pwd 这 一 项 。 

2. 创建 Connection 对 象 

使 用 定义 好 的 连接 字符 串 创 建 Connection 对 象 ,代码 如 下 。 


SqlConnection sqlconn = new SqlConnection(connStr) 


3. 打开 与 数据 库 的 连接 
调用 Connection 对 象 的 Open() 方 法 打开 数据 库 连 接 , 代 码 如 下 。 


sqlconn. Open( ); 


在 上 面 的 这 3 个 步骤 中 ,第 1.2 步 的 先后 顺序 可 以 调换 , 即 可 以 先 创 建 一 个 Connection 
对 象 , 再 设置 它 的 ConnectionString 属性 ,如 : 
SqlConnection sqlconn = new SqlConnection(); 


String connStr = "Server = . ; Database = BookShopPlus; Uid= sa; pwd = 123456"; 
sqlconn. ConnectionString = connStr; 
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注意 : 打开 数据 库 连接 ,执行 命令 后 ,要 确保 关闭 数据 库 连接 。 

【示例 6-1】 演示 建立 数据 库 连接 。 

(1) 在 SQL Server 2005 中 附加 ?新 知 书 店 ? 项 目的 数据 库 文 件 BookShopPlus. mdf 。 
(2) 打开 web. config 配置 文件 ,将 二 connectionStrings/ 二 标记 用 下 面 的 代码 替换 : 


< connectionStrings > 
< add name = "connStr" connectionString = "Server = . ; Database = BookShopPlus; 
Uid= sa; pwd = 123456"/> 
</connectionStrings > 


(3) 在 ch06 网 站 项 目 中 创建 文件 ConnectionDemo. aspx。 
(4) 在 ConnectionDemo. aspx. cs 文件 中 添加 相应 命名 空间 并 在 Page_Load 方法 内 添 


加 如 表 6-6 所 示 的 代码 。 


表 6-6 ”页面 ConnectionDemo. aspx 的 Page_Load 事件 过 程 的 代码 


行 号 代 码 页 

01 

02 using System. Configuration; // 提 供 对 客户 端 应 用 程序 配置 文件 

03 ”using System. Data. SqlClient;  // 连 接 数 据 库 

04 using Systenm. Data; 

05 jee 

06 protected void Page Load(object sender, EventArgs e) 

07 { 

08 // 从 web. config 配置 文件 取出 数据 库 连 接 字符 串 

09 string sqlconnstr = ConfigurationManager. ConnectionStrings [ " connStr "]. 
ConnectionString; 

10 //string sqlconnstr = "Data Source = localhost; Initial Catalog = BookShopPlus; 

11 Integrated Security = True;User ID = sa; Password = ";// 连 接 字 符 串 

12 SqlConnection sqlconn = new SqlConnection(sqlconnstr); ”// 建 立 数 据 库 连接 对 象 

13 //sqlconn. ConnectionString = "Server = localhost; Database = BookShopPlus; Uid = sa; 
pwd = 123456"; 

14 sqlconn. Open( ); // 打 开 连 接 

15 if (sqlconn. State == ConnectionState. Open) 

16 { 

17 Response. Write(" 打 开 数 据 库 连 接 成 功 ! 成 功 建立 与 BookShopPlus 数据 库 连 接 "); 

18 } 

19 else 

20 { 

21 Response. Write(" 连 接 数 据 库 好 像 出 现 了 意外 哦 !"); 

22 } 

23 sqlconn. Close( ); // 关 闭 连 接 

24 sqlconn = null; 
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(5) 浏览 该 页 面 ,结果 如 图 6-2 所 示 。 
在 访问 数据 库 之 前 ,需要 使 用 Connection 对 象 的 Open() 方 法 打开 数据 库 , 并 在 完成 数 
据 库 的 操作 之 后 使 用 Connection 对 象 的 Close() 方 法 将 数据 库 关闭 。 


- http:/ /localhost:58702/ch06/ch6_1/Conn... 
晤 | 有 Bhttp://ocalhost:58702/d 国 加 |[x| | 只 百 度 


袜 收 藏 夹 ”和 忽 http://localhost:58702/ch06/ch6_1/... 
打开 数据 库 连 接 成 功 ! 成 功 建立 与 BookShopPlus 数 据 库 连 接 


图 6-2 ”ConnectionDemo. aspx 运行 效果 


6.1.3 使 用 Command 对 象 执行 数据 库 命令 


连接 数据 源 成 功 后 ,可 以 使 用 Command 对 象 的 数据 库 命令 直接 与 数据 源 进 行 通信 。 
这 些 命令 常常 包含 数据 库 查 询 (select) 、 更 新 已 有 数据 (update) .插入 新 数据 (insert) 和 删除 
数据 (delete)。 许 多 数据 库 都 使 用 结构 化 查询 语言 (SQL) 来 管理 这 些 命令 。Command 对 象 
还 可 以 调用 存储 过 程 或 从 特定 表 中 取得 记录 。 同 Connection 对 象 一 样 ,Command 对 象 属 
于 .NET Framework 数据 提供 程序 ,不 同 的 数据 提供 程序 (数据 源 ) 有 各 自 的 Command 对 
象 ,如 表 6-7 所 示 。 


表 6-7 .NET 数据 提供 程序 及 相应 的 命令 类 


数据 访问 提供 程序 名 称 空间 对 应 的 命令 类 名 称 
SQL Server 数据 提供 程序 System. Data. SqlClient SqlCommand 
OLE DB 数据 提供 程序 System. Data. OleDb OledbCommand 
ODBC 数据 提供 程序 System. Data. Odbc OdbcCommand 
Oracle 数据 提供 程序 System. Data. OracleClient OracleCommand 


在 建立 了 数据 连接 之 后 ,就 可 以 使 用 相应 的 Command 对 象 来 执行 数据 库 的 操作 。 下 
面 以 SqlCommand 为 例 进行 介绍 ,其 他 与 之 类 似 。 创 建 Command 对 象 的 语法 如 下 : 


SqlCommand command = new SqlCommand(SQL 语句 ，connection 对 象 ) ; 


注意 : 除了 上 述 建立 SqlCommand 对 象 的 方法 外 ,还 有 3 种 : 

SqlCommand 命令 对 象 名 二 new SqlCommand(); 

SqlCommand 命令 对 象 名 二 new SqlCommand(SQL 语句 ); 

SqlCommand 命令 对 象 名 二 new SqlCommand(SQL 语句 ,Connection 对 象 ,事务 对 象 ); 

创建 一 个 Command 对 象 需要 两 个 参数 。 第 一 个 参数 是 将 要 执行 的 SQL 语句 ,第 二 个 
参数 是 已 经 创建 的 Conneciton 对 象 。SqlCommand 对 象 的 主要 属性 和 方法 如 表 6-8 所 示 。 

要 使 用 Command 对 象 ,必须 有 一 个 Connection 对 象 。 使 用 Command 对 象 的 步骤 包 
括 以 下 几 步 。 
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表 6-8 ”SqlCommand 对 象 的 主要 属性 和 方法 


属性 和 方法 说 明 
CommandText 属性 获取 或 设置 要 对 数据 源 执行 的 SQL 命令 、 存 储 过 程 或 数据 表 名 称 
CommandType 属性 获取 或 设置 命令 类 型 ,可 取 的 值 为 CommandType. Text、CommandType. 
StoredProduce, 分 别 对 应 SQL 命令 和 存储 过 程 ,默认 为 Text 
Connection 属性 获取 或 设置 SqlCommand 对 象 所 使 用 的 数据 连接 属性 
Parameters 属性 SQL 命令 参数 集合 
Cancel 方法 取消 SqlCommand 对 象 的 执行 
CreateParameter 方法 创建 Parameter 对 象 


ExecuteNoQuery 方法 执行 CommandText 属性 指定 的 内 容 , 返 回 数 据 表 被 影响 的 行 数 。 该 方法 只 
能 执行 Insert、Update 和 Delete 命令 


ExecuteReader 方法 执行 CommandText 属性 指定 的 内 容 , 返 回 DataReader 对 象 。 该 方法 用 于 
执行 返回 多 条 记录 的 Select 命令 
ExecuteScalar 方法 执行 CommandText 属性 指定 的 内 容 , 以 object 类 型 返回 结果 表 第 一 行 、 第 


一 列 的 值 。 该 方法 一 般 用 来 执行 查询 单 值 的 Select 命令 


(1) 创建 数据 库 连 接 : 按照 前 面 讲 过 的 步骤 创建 一 个 Connection 对 象 。 

(2) 定义 执行 的 SQL 语句 : 将 对 数据 库 执行 的 SQL 语句 赋 给 一 个 字符 串 。 

(3) 创建 Command 对 象 : 使 用 已 有 的 Connection 对 象 和 SQL 语句 字符 串 创建 一 个 
Command 对 象 。 

(4) 执行 SQL 语句 : 使 用 Command 对 象 的 某 个 方法 执行 命令 。 


1. 使 用 Command 对 象 查询 数据 库 的 数据 


使 用 Command 对 象 查询 数据 库 数据 的 一 般 步骤 为 : 首先 建立 数据 库 连接 ; 然后 创建 
Command 对 象 , 并 设置 它 的 Connection 和 CommandText 属性 ,分 别 表示 数据 库 连接 对 象 
和 要 执行 的 SQL 语句 ; 接 下 来 使 用 Command 对 象 的 ExecuteReader 方法 ,把 返回 结果 放 
在 DataReader 对 象 中 ; 最 后 ,通过 循环 处 理 查 询 结果 。 

【示例 6-2】 演示 使 用 Command 对 象 查询 数据 库 的 数据 。 

(1) 在 网 站 项 目 ch06 中 添加 一 个 名 为 CommSelectDemo. aspx 的 页 面 。 

(2) 附加 数据 库 Student. mdf 到 SQL Server 2005 中 ,并 添加 一 些 记 录 到 表 StuInfo 
中 ,作为 测试 代码 使 用 。 

(3) 在 CommSelectDemo. aspx. cs 文件 的 Page_Load 方法 内 添加 如 表 6-9 所 示 的 
代码 。 


表 6-9 页 面 CommSelectDemo. aspx 的 Page_Load 事件 过 程 的 代码 


行 号 代 码 页 
01 protected void Page_Load(object sender, EventArgs e) 
02 
03 string sqlconnstr = ConfigurationManager. ConnectionStrings["StuConmnString"].ConnectionString; 
04 SqlConnection sqlconn = new SqlConnection(sqlconnstr); ”// 创 建 Connection 对 象 


05 SqlCommand comm = new SqlCommand(); // 建 立 Command 对 象 
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续 表 
行 号 代 码 页 
06 comm. Connection = sqlconn; // 给 sqlcommand 的 Connection 属性 赋值 
07 comm. CommandText = "select top 3 * from StuInfo"; //SQL 命令 赋值 
08 try 
09 { 
10 sqlconn. Open();  ”// 打 开 连 接 
11 SqlDataReader sdr = comm. ExecuteReader( );// 建 立 DataReader 对 象 ,并 返回 查询 结果 
12 while (sdr. Read()) // 逐 行 遍历 查询 结果 
13 { 
14 Response. Write(sdr. GetString(0) + " "); 
15 Response. Write(sdr. GetString(1) + " "); 
16 Response. Write(sdr. GetString(2) + " "); 
17 Response. Write(sdr. GetDateTime(3). ToShortDateString() + " "); 
18 Response. Write(sdr. GetString(4) + "<br />"); 
19 }; 
20 } 
21 catch (Exception ex) 
22 { 
3 Response. Write( "数据 查询 失败 , 原 " + ex.Message); 
24 } 
25 finally 
26 
27 comm = null; 
28 sqlconn. Close( ); 
29 sqlconn = null; 
30 } 
31 


(4) 程序 运行 效果 如 图 6-3 所 示 。 


6-3 ”CommSelectDemo. aspx 运行 效果 


2. 使 用 Command 对 象 增加 数据 库 的 数据 
使 用 Command 对 象 向 数据 库 增 加 数据 的 一 般 步 骤 是 : 首先 建立 数据 库 连接 ; 然后 创 


建 Command 对 象 ,并 设置 它 的 Connection 和 CommandText 属性 ,即使 用 Command 对 象 
的 Parameters 属性 来 设置 输入 参数 ; 最 后 ,使 用 Command 对 象 的 ExecuteNoQuery 方法 执 
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行 数 据 库 增 加 命令 ,ExecuteNoQuery 方法 表示 要 执行 的 是 没有 返回 数据 的 命令 。 


【示例 6-3】 演示 使 用 Command 对 象 向 数据 库 中 添加 新 数据 。 

(1) 在 网 站 项 目 ch06 中 ,新 建 一 个 名 为 images 的 文件 夹 , 用 于 存放 学 生 照 片 。 

(2) 在 网 站 项 目 ch06 中 添加 一 个 名 为 CommJInsertDemo. aspx 的 页 面 。 

(3) 在 CommInsertDemo. aspx 中 添加 Web 控件 ,使 其 外 观 如 图 6-4 所 示 , 代 码 如 表 6-10 


所 示 。 
表 6-10 页 面 CommInsertDemo. aspx 的 XHTML 代码 
行 号 代 码 页 
01 <form id= "forml" runat = "server"> 
02 < div> 
03 <table style= "width: 320px; height: 240px"> 
04 Er> 
05 <td style= "width: 100px; text - align: right"> 学 号 : </td> 
06 < td style= "width: 220px"> 
07 < asp:TextBox ID = "txtStuNo" runat = " server"></asp:TextBox> 
08 </td> 
09 </tr> 
10 <tr> 
Eb <td style= "width: 100px; text - align: right"> 姓 名 : </td> 
12 <td style= "width: 220px"> 
13 < asp:TextBox ID = "txtName" runat = "server"></asp:TextBox> 
14 </td> 
35 </tr> 
16 <tr> 
17 <td style= "width: 100px; text - align: right"> 性 别 : </td> 
18 <td style= "width: 220px"> 
19 < asp:DropDownList ID = "DdSex" runat = " server"> 
20 <asp:ListItem Selected = "True"> 男 </asp:ListItem> 
a <asp:ListItem> 女 </asp:ListItem> 
22 </asp:DropDownList > 
23 </td> 
24 </tr> 
25 <tr> 
26 <td style= "width: 100px; text- align: right"> 出 生日 期 : </td> 
27 <td style= "width: 220px"> 
28 <asp:TextBox ID = "txtBirth" runat = "server"></asp:TextBox> 
29 </td> 
30 </tr> 
31 < 
32 <td style= "width: 100px; text — align: right"> 照 片 : </td> 
33 <td style = "width: 220px"> < asp: FileUpload ID = "FileUploadl" runat =" 
server" /></td> 
34 </tr> 
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续 表 


行 号 代 码 页 


E> 
<tdcolspan= "2" style= "text - align: center"> 
< asp: Button ID = "btnAdd" runat = "server"” Text = "提交 " OnClick = "btnAdd_ 
Click" /> 
</td> 
</tr> 
</table> 
</div> 


</form> 


表 6- 


(4) 编写 CommInsertDemo. aspx 页 面 中 “提交 ”按钮 的 Click 事件 方法 的 程序 代码 ,如 
11 所 示 。 


表 6-11 “提交 ”按钮 的 Click 事件 方法 的 代码 


行 号 代 码 页 

01 protected void btnAdd Click(object sender, EventArgs e) 

02 { 

03 string sqlconnstr = ConfigurationManager. ConnectionStrings [ " StuConnString"]. 
ConnectionString; 

04 SqlConnection sqlconn = new SqlConnection (sqlconnstr); // 根 据 sqlconnstr 创建 
connection 对 象 

05 SqlCommand cmd = new SqlCommand(); // 建 立 Command 对 象 

06 cmd. Connection = sqlconn; // 指 定 Command 对 象 的 connection 属性 值 

07 cmd. CommandText = "insert into StuInfo(StuNo, Name, Sex, Birth, Photo)values 

08 (@stuNo, @Name, @Sex, @Birth, @Photo)"; // 把 SQL 语句 赋 给 Command 对 象 

09 // 在 执行 之 前 告诉 Command 对 象 @StuNo、@Name、@Sex、@Birth、@Photo 将 来 用 谁 来 代替 

10 SqlParameter[ ] paras = new SqlParameter[] { 

11 new SqlParameter("(@StuNo", txtStuNo. Text), 

12 new SqlParameter("@Name", txtName.Text), 

13 new SqlParameter("(@Sex", DdSex. Text), 

14 new SqlParameter("(@Birth", txtBirth. Text), 

15 new SqlParameter("(@Photo", txtStuNo. Text + ". jpg") 

16 }; 

47 cmd. Parameters. AddRange( paras); // 给 Command 对 象 添 加 参数 ,以 数组 形式 添加 

18 try 

19 { 

20 sqlconn. Open( ); // 打 开 连 接 

21 cmd. ExecuteNoQuery(); // 执 行 SQL 命令 

22 // 把 学 生 的 照片 上 传 到 网 站 的 "images" 文 件 夹 中 , 以 学 号 为 文件 名 进行 保存 

23 证 (FileUpload1.HasFile == true) 

24 { 

5 string fileName = this.txtStuNo. Text + ".jpg"; 
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续 表 
行 号 代 码 页 
26 FileUpload1. SaveAs(Server. MapPath( ("~/images/") + fileName)); 
27 } 
28 Response. Write( "成功 追加 记录 "); 
29 } 
30 catch (Exception ex) 
31 { 
32 Response. Write( "错误 原因 : ”+ ex.Message); 
33 } 
34 finally 
35 { 
36 cmd = null; 
37 sqlconn. Close( ); 
38 sqlconn = null; 
39 人 
40 |} 


(5) 程序 运行 效果 如 图 6-4 所 示 。 


~ http:/ /localhost:58702/ch0... http://localhost:58702/ch06... - o * 


OO nm x|| | lo hp://ocalhost:se702/d [eI | 
们 收藏 大 Do | | 安 收 藏 克 | 医 http:J/localhost:58702JchO0 | | 
成 功 迫 加 记录 
了 学 号 ，|1011 
姓名 姓名 ， 肿 更 
性 别 ， 员 国 性 别 ,区 国 | 
出 生 昌 期 | | 出 生日 期 |1992-12.3 
照片 : 照片 ， 
EE3 提交 


图 6-4 ”CommInsertDemo. aspx 页 面 设计 及 运行 效果 
3. 使 用 Command 对 象 删除 数据 库 的 数据 


使 用 Command 对 象 向 数据 库 增 加 数据 的 一 般 步骤 是 : 首先 建立 数据 库 连 接 ; 然后 创 
建 Command 对 象 ,并 设置 它 的 Connection 和 CommandText 属性 ,即使 用 Command 对 象 
的 Parameters 属性 来 设置 输入 参数 ; 最 后 ,使 用 Command 对 象 的 ExecuteNoQuery 方法 执 
行 数 据 删 除 命令 。 

【示例 6-4】 演示 使 用 Command 对 象 删除 数据 。 

(1) 在 网 站 项 目 ch06 中 添加 一 个 名 为 CommDeleteDemo. aspx 的 页 面 
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(2) 在 CommDeleteDemo. aspx 中 添加 一 个 TextBox 控件 和 一 个 Button 控件 ,其 中 
Button 控件 作为 “删除 ”按钮 ,代码 如 下 。 


< form id= "forml" runat = "server"> 
<div> 
输入 要 删除 学 生 的 学 号 : < br /> 
<asp:TextBox ID = "txtStuNo" runat = "server"></asp:TextBox> 
<asp:Button ID = "btnDel" runat = "server" Text = "删除 ”OnClick = "btnDel_Click" /> 
</div> 
</form> 


(3) 编写 CommDeleteDemo. aspx 页 面 中 “删除 ”按钮 的 Click 事件 方法 的 程序 代码 ,如 
表 6-12 所 示 。 
表 6-12 “删除 ”按钮 的 Click 事件 方法 的 代码 


行 号 代 码 页 
01 protected void btnDel_Click(object sender, EventArgs e) 
02 i 
03 int intDeleteCount; 
04 string sqlconnstr = ConfigurationManager. ConnectionStrings["StuConnString"]. ConnectionString; 
05 SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
06 SqlCommand cmd = new SqlCommand();  // 建 立 Command 对 象 
07 // 下 两 行 分 别 给 Command 对 象 的 Connection 和 CommandText 属性 赋值 
08 cmd. Connection = sqlconn; 
09 cmd. CommandText = "delete from StuInfo where StuNo = @no"; 
10 // 在 执行 之 前 告诉 Command 对 象 @no 将 来 用 谁 来 代替 , 注意 与 示例 6- 3 的 区 别 
11 SqlParameter pl = new SqlParameter("@No", txtStuNo. Text); 
12 cmd. Parameters. Add(p1); // 添 加 Command 命令 参数 
13 try 
14 { 
5 sqlconn. Open( ); 
16 intDeleteCount = cmd. ExecuteNoQuery(); 
17 if (intDeleteCount > 0) 
18 Response. Write(" 删 除 成 功 !"); 
19 else 
20 Response. Write( "该 记录 不 存在 !"); 
21 
22 catch (Exception ex) 
23 { 
24 Response. Write(" 删 除 失败 ,错误 原因 : ”+ ex. Message); 
25 } 
26 finally 
27 { 
28 cmd = null; 


29 sqlconn. Close(); 
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续 表 


行 号 代 码 页 


(4) 程序 运行 效果 如 图 6-5 所 示 。 


-~ http://localhost:58... - 
4. 使 用 Command 对 象 修改 数据 库 的 数据 GO lahttp://ocalhost:58702/d! 


使 用 Command 对 象 修改 数据 库 数据 的 一 般 步骤 “| 之 下 吉 夫 | 历 http://ocalhost587021 


是 : 首先 建立 数据 库 连接 ; 然后 创建 Command 对 象 ， 该 记录 不 存在 ! 

并 设置 它 的 Connection 和 CommandText 属性 ,即使 输入 要 有 如 除 学 生 的 学 号 ， 

用 Command 对 象 的 Parameters 属性 来 设置 输入 参 1 由 

数 ; 最 后 ,使 用 Command 对 象 的 ExecuteNoQuery 方 

法 执行 数据 库 修 改 命 令 。 6-5 页 面 CommDeleteDemo. aspx 
修改 数据 库 和 往 数据 库 中 添加 数据 的 操作 类 似 ， 运行 效果 

在 此 不 再 举例 ,请 读者 自行 完成 。 


6.1.4 使 用 DataReader 对 象 执行 数据 库 命令 


1. DataReader 对 象 概述 


ADO.NET 的 DataReader 对 象 可 以 从 数据 源 中 检索 只 读 、 只 进 的 数据 集 ,用 于 快速 读 
取 数 据 。 对 于 只 需要 顺序 显示 数据 表 中 记录 的 应 用 而 言 ,DataReader 对 象 是 比较 理想 的 选 
择 。 在 读 取 数 据 时 , 它 需 要 与 数据 源 保持 实时 连接 ,以 循环 的 方式 读 取 结果 集中 的 数据 。 

DataReader 对 象 不 能 直接 实例 化 ,而 必须 调用 Command 对 象 的 ExecuteReader 方法 
才能 创建 有 效 的 DataReader 对 象 。DataReader 对 象 一 旦 创建 , 即 可 通过 对 象 的 属性 、 方 法 
访问 数据 源 中 的 数据 。DataReader 属于 .NET 数据 提供 程序 ,每 一 种 .NET 数据 提供 程序 
都 有 与 之 对 应 的 DataReader 类 ,如 表 6-13 所 示 。 


表 6-13 .NET 数据 提供 程序 及 相应 的 DataReader 类 


数据 访问 提供 程序 名 称 空间 对 应 的 DataReader 类 名 称 
SQL Server 数据 提供 程序 System. Data. SqlClient SqlDataReader 
OLE DB 数据 提供 程序 System. Data. OleDb OledbDataReader 
ODBC 数据 提供 程序 System. Data. Odbc OdbcDataReader 
Oracle 数据 提供 程序 System. Data. OracleClient OracleDataReader 


下 面 以 SqlDataReader 为 例 进行 介绍 ,其 他 与 之 类 似 。SqlDataReader 对 象 的 主要 属性 
和 方法 如 表 6-14 所 示 。 


2. DataReader 对 象 的 用 法 


创建 一 个 DataReader 对 象 需 要 调用 Command 对 象 的 ExecuteReader 方法 ， 
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ExecuteReader 的 返回 值 是 一 个 DataReader 对 象 。 可 以 调用 DataReader 对 象 的 Read() 方 
法 读 取 一 行 记录 。 
表 6-14 SqlDataReader 对 象 的 主要 属性 和 方法 


属性 和 方法 说 有明 
FieldCount 属性 获取 由 DataReader 得 到 的 一 行 数 据 中 的 字段 数 
isClosed 属性 获取 SqlDataReader 对 象 的 状态 。True 表示 关闭 ,False 表示 打开 
HasRows 属性 表示 查询 是 否 返回 结果 。 如 果 返 回 查询 结果 则 返回 True, 和 否则 返回 False 
HasMoreRows 属性 ”只 读 ,表示 是 否 还 有 记录 未 读 取 
Close 方 法 不 带 参 数 ,无 返回 值 ,用 来 关闭 DataReader 对 象 
Read 方法 让 记录 指针 指向 本 结果 集中 的 下 一 条 记录 ,返回 值 是 True 或 False 


NextResult 方法 当 返 回 多 个 结果 集 时 ,使 用 该 方法 让 记录 指针 指向 下 一 个 结果 集 。 当 调用 该 方 
法 获得 下 一 个 结果 集 后 ,依然 要 用 Read 方法 来 遍历 访问 该 结果 集 


GetValue 方 法 根据 传人 的 列 的 索引 值 ,返回 当前 记录 行 里 指定 列 的 值 。 由 于 事先 无 法 预知 返 
回 列 的 数据 类 型 ,所 以 该 方法 使 用 Object 类 型 来 接收 返回 数据 

GetValues 方法 该 方法 会 把 当前 记录 行 里 所 有 的 数据 保存 到 一 个 数组 里 。 可 以 使 用 FieldCount 
属性 来 获知 记录 里 字段 的 总 数 , 据 此 定义 接收 返回 值 的 数组 长 度 

GetName 方 法 通过 输入 列 索 引 获得 该 列 的 名 称 。 综 合 使 用 GetName 和 GetValue 方法 ,可 以 
获得 数据 表 里 列 名 和 列 的 字段 

IsDBNull 方 法 判断 指定 索引 号 的 列 的 值 是 否 为 空 , 返 回 True 或 False 


创建 和 使 用 SqlDataReader 的 步骤 如 下 。 

(1) 创建 SqlConnection 对 象 ,设置 连接 字符 串 。 

(2) 创建 SqlCommand 对 象 , 设 置 它 的 Connection 和 CommandText 属性 ,分 别 表示 数 
据 库 连接 和 需要 执行 的 SQL 命令 。 

(3) 打开 与 数据 库 连接 。 

(4) 使 用 SqlCommand 对 象 的 ExecuteReader 方法 执行 CommandText 中 的 命令 ,并 把 
返回 的 结果 放 在 SqlDataReader 对 象 中 。 假 设 已 创建 一 个 名 为 cmd 的 Command 对 象 ,下 
面 的 代码 可 以 创建 一 个 DataReader 对 象 。 


SqlDataReader dr= cmd. ExecuteReader( ) 


(5) 通过 调用 SqlDataReade 对 象 的 Read() 方 法 循环 读 取 查 询 结 果 集 的 记录 。 这 个 方 
法 返回 一 个 布尔 值 。 如 果 能 读 到 一 行 记 录 , 则 返回 True, 和 否则 返回 False。 代 码 如 下 。 


Dr. Read( ); 


(6) 读 取 当前 行 的 某 列 的 数据 。 可 以 像 使 用 数组 一 样 ,用 方 括号 来 读 取 某 列 的 值 , 如 
(type)dr[ ] , 方 括号 中 可 以 是 列 的 索引 ,( 从 0 开始 ) 也 可 以 是 列 名 。 对 取 到 的 列 值 必须 要 进 
行 类 型 转换 ,如 下 所 示 。 


(string)dr[ "name" ]; 


(7) 关闭 与 数据 库 连 接 。 
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【示例 6-5】 演示 使 用 SqlDataReade 对 象 读 取 数 据 库 中 的 数据 。 
(1) 在 网 站 项 目 ch06 中 添加 一 个 名 为 DataReaderDemo. aspx 的 页 面 。 
(2) 编写 DataReaderDemo. aspx 页 面 Page_Load 事件 方法 的 程序 代码 ,如 表 6-15 


所 示 。 
表 6-15 页面 DataReaderDemo. aspx 的 Page_Load 事件 方法 的 代码 
行 号 代 码 页 
01 protected void Page_Load(object sender, EventArgs e) 
02 { 
03 string strCnn = ConfigurationManager. ConnectionStrings[ "StuConnString"].ConnectionString'; 
04 SqlConnection cnn = new SqlConnection(strCnn); 
05 SqlCommand cmd = new SqlCommand(); 
06 cmd. Connection = cnn; 
07 cmd. CommandText = "select * from StuInfo"; 
08 SqlDataReader dr = null; // 创 建 DataReader 对 象 的 引用 
09 try 
10 { 
if (cnn. State == ConnectionState.Closed) 
3 cnn. Open( ); 
13 dr = cmd. ExecuteReader(); // 执 行 SQL 命令 ,并 获取 查询 结果 
14 // 依 次 读 取 查询 结果 的 字段 名 称 ,并 以 表格 的 形式 显示 
15 Response. Write("< table border = '1'><tr align = 'center'>"); 
16 for (int i = 0; i < dr.FieldCount; i++) 
二 村 { 
18 Response. Write("<td>" + dr.GetName(i) + "</td>"); 
19 } 
20 Response. Write("</tr >"); 
21 while (dr.Read()) ”// 如 果 DataRead 对 象 成 功 获得 数据 ,返回 True, 否则 返回 False 
22 { 
23 Response. Write("< tr >"); 
24 for (int j = 0; j < dr.FieldCount; j++) // 依 次 读 取 查 询 结 果 的 字段 值 ,并 以 
// 表 格 的 形式 显示 
25 { 
26 Response. Write("<td>" + dr.GetValue(j) + "</td>"); 
27 } 
28 Response. Write("</tr >"); 
29 } 
30 Response. Write("</table >"); 
31 } 
32 catch (Exception ex) 
33 { 
34 Response. Write("SqlDataReader 读 取 出 错 ,原因 : " + ex. Message); 
35 ; 
36 finally 
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续 表 
行 号 代 码 页 
37 { 
38 if (dr. IsClosed == false) 
39 dr. Close(); // 关 闭 DataReader 对 象 
40 if (cnn. State == ConnectionState. Open) 
41 cnn. Close( ); 
42 } 
43 } 


(3) 程序 运行 效果 如 图 6-6 所 示 。 


http://localhost:58702/chQ6/ch6... - oo x 
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图 6-6 页面 DataReaderDemo. aspx 运行 效果 


使 用 SqlDataReader 对 象 时 ,应 注意 以 下 几 点 : 

。 读 取 数 据 时 ,SqlConnection 对 象 必 须 处 于 打开 状态 。 

。 必须 通过 调用 SqlCommand 对 象 的 ExecuteReader() 方 法 产生 SqlDataReader 对 象 
的 实例 。 

。 只 能 按 向 下 的 顺序 逐条 读 取 记录 ,不 能 随机 读 取 , 且 无 法 直接 获知 读 取 记录 的 总 数 。 

。 SqlDataReader 对 象 管理 的 查询 结果 是 只 读 的 ,不 能 修改 。 


6.1.5 使 用 DataSet 和 DataAdapter 对 象 


1. DataSet 对 象 


DataSet 是 ADO .NET 的 核心 组 件 之 一 ,位 于 System. Data 命名 空间 下 。 可 以 简单 地 
把 DataSet 数据 集 理解 为 一 个 临时 的 内 存 数 据 库 , 可 以 存放 多 个 表 (DataTable) ,而 且 是 断 
开 式 的 。DataSet 为 数据 源 提供 了 一 个 断 开 式 的 存储 空间 , 即 从 数据 库 完 成 数据 抽取 后 ， 
DataSet 就 是 数据 的 存放 地 , 它 是 各 种 数据 源 中 的 数据 在 计算 机 内 存 中 映射 成 的 缓存 , 当 应 
用 程序 需要 数据 时 ,就 直接 从 内 存 中 的 DataSet 数据 集 读 取 数 据 , 也 可 以 对 DataSet 数据 集 
中 的 数据 进行 修改 ,然后 将 修改 后 的 数据 一 起 提交 给 数据 库 。 


单元 6 数据 库 访问 及 网 上 书店 系统 架构 “、191 
WW 


1) DataSet 对 象 结构 模型 

DataSet 数据 集 对 象 的 结构 和 我 们 熟悉 的 SQL Server 非常 相似 ,如 图 6-7 所 示 。 在 SQL 
Server 数据 库 中 ,有 很 多 数据 表 , 每 个 数据 表 都 有 行 和 列 。DataSet 数据 集中 也 包含 多 个 表 , 这 
些 表 构 成 了 一 个 数据 表 集 合 (DataTableColleciton ) ,其 中 每 个 数据 表 都 是 一 个 DataTable 对 象 。 
在 每 个 数据 表 中 又 有 列 和 行 ,所 有 的 列 构成 了 数据 列 集合 (DataColumnCollection) ,而 每 个 数 
据 列 是 一 个 DataColumn 对 象 。 所 有 的 行 构成 了 数据 行 集合 (DataRowCollection) ,每 一 行 
是 一 个 DataRow 对 象 。 此 外 ,在 DataSet 中 还 可 以 定义 表 之 间 的 链接 .视图 等 。 


数据 表 集 台 ala ollection 


数据 列 集合 


aolumnto 


据 列 aColumn | 二 DataRow 


图 6-7 DataSet 数据 集 对 象 基本 结构 


注意 : 各 个 数据 表 DataTable 之 间 的 关系 通过 DataRelation 来 表示 ,这 些 DataRelation 
构成 的 集合 就 是 DataRelationColleciton 对 象 , 如 图 6-1 所 示 。 

2) DataSet 对 象 工作 原理 

DataSet 数据 集 对 象 工作 原理 如 图 6-8 所 示 。 


| 4 客户 党 个 改 吏 入 


图 6-8 DataSet 数据 集 对 象 工 作 原 理 


当 应 用 程序 需要 获取 一 些 数据 的 时 候 , 先 向 数据 库 服务 器 发 出 请 求 ,要 求 获得 数据 。 服 
务 器 将 数据 发 送 到 DataSet 数据 集 , 然 后 再 将 数据 集 传递 给 客户 端 。 客 户 端 应 用 程序 修改 
数据 集中 的 数据 后 ,统一 将 修改 过 的 数据 集 发 送 到 服务 器 ,服务 器 接收 数据 集 并 修改 数据 库 
中 的 数据 。 

3) DataSet( 数 据 集 ) 对 象 创建 

创建 DataSet 的 语法 格式 为 : 
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DataSet 对 象 名 = new DataSet(); 


DataSet 对 象 名 = new DataSet(" 数 据 集 名 "); 


例如 ,创建 数据 集 对 象 dsStu, 代 码 如 下 : 


DataSet dsStu = new DataSet(); 


DataSet dsStu = new DataSet("Student"); 


注意 : 方法 中 的 参数 是 数据 集 的 名 称 字符 串 , 可 以 有 ,也 可 以 没有 。 如 果 没 有 写 参 数 ， 
创建 的 数据 集 名 称 就 默认 为 NewDataSet。 
DataSet 对 象 的 常用 属性 和 方法 如 表 6-16 所 示 。 


表 6-16 DataSet 对 象 的 常用 属性 和 方法 


属性 和 方法 说 明 
DataSetName 属性 获取 或 设置 DataSet 对 象 的 名 称 
Tables 属性 获取 包含 在 DataSet 数据 集中 的 数据 表 的 集合 
Clear 方 法 删除 DataSet 对 象 中 的 所 有 表 
Copy 方 法 复制 DataSet 的 结构 和 数据 ,返回 与 本 DataSet 对 象 具有 相同 结构 和 数据 的 
DataSet 对 象 


4) DataTable( 数 据 表 ) 对 象 的 创建 
DataSet 中 的 每 个 数据 表 都 是 一 个 DataTable 对 象 。 定 义 DataTable 对 象 的 语法 格 
式 为 : 


DataTable 对 象 名 = new DataTable(); 


DataTable 对 象 名 = new DataTable(" 数 据 表 名 "); 


例如 ,创建 数据 表 对 象 dtStuInfo, 代 码 如 下 : 


DataTable dtStuInfo = new DataTable(); 
dtStuInfo. TableName = "StuInfo"; 


DataTable dtStuInfo = new DataTable("StuInfo"); 
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创建 好 的 数据 表 对 象 ,可 以 被 添加 到 数据 集 对 象 中 ,例如 把 创建 好 的 dtStuInfo 数据 表 


对 象 添加 到 数据 集 对 象 dsStu 中 的 代码 如 下 : 


dsStu. Tables. Add( dtStuInfo); 


DataTable 对 象 的 常用 属性 和 方法 如 表 6-17 所 示 。 


表 6-17 DataTable 对 象 的 常用 属性 和 方法 


属性 和 方法 说 明 
Columns 属性 获取 数据 表 的 所 有 字段 
DataSet 属性 获取 DataTable 对 象 所 属 的 DataSet 对 象 
DefaultView 属性 获取 与 数据 表 相关 的 DataView 对 象 
PrimaryKey 属性 获取 或 设置 数据 表 的 主键 
Rows 属性 获取 数据 表 的 所 有 行 
TableName 属性 获取 或 设置 数据 表 名 
Clear() 方 法 清除 表 中 所 有 的 数据 
NewRow() 方 法 创建 一 个 与 当前 数据 表 有 相同 字段 结构 的 数据 行 


5) DataColumn( 数 据 列 ) 对 象 的 创建 


DataTable 对 象 中 包含 多 个 数据 列 ,每 列 就 是 一 个 DataColumn 对 象 。 定 义 DataColumn 对 


象 的 语法 格式 为 ， 


DataColumn 对 象 名 = new DataColumn(); 


DataColumn 对 象 名 = new DataColumn(" 字 段 名 "); 


DataColumn 对 象 名 = new DataColumn(" 字 段 名 ", 数 据 类 型 ); 


例如 ,创建 数据 列 对 象 stuNoColumn., 代 码 如 下 : 


DataColumn stuNoColumn = new DataColumn(); 
stuNoColumn. ColumnName = " StuNo"; 


stuNoColumn. DataType = System. Type.GetType("System. String"); 


DataColumn stuNoColumn = new DataColumn("StuNo", System.Type.GetType("Systenm. String")); 


创建 好 的 数据 列 对 象 ,可 以 被 添加 到 数据 表 对 象 中 ,例如 ,将 创建 的 数据 列 对 象 
stuNoColumn 添加 到 刚才 创建 的 数据 表 对 象 dtStuInfo 中 的 代码 如 下 : 
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dtStuInfo. Columns. Add( stuNoColumn) ; 


DataColumn 对 象 的 常用 属性 如 表 6-18 所 示 。 
表 6-18 “对象 的 常用 属性 和 方法 


属 性 说 明 
AllowDBNull 设置 该 字段 可 否 为 空 值 。 默 认为 true 
Caption 获取 或 设置 字段 标题 。 若 指定 字段 标题 , 则 字段 标题 与 字段 名 相同 
ColumnName 获取 或 设置 字段 名 
DataType 获取 或 设置 字段 的 数据 类 型 
DefaultValue 获取 或 设置 新 增 数据 行 时 ,字段 的 默认 值 


说 明 : 通过 DataColumn 对 象 的 DataType 属性 设置 字段 数据 类 型 时 ,不 可 直接 设置 数 
据 类 型 ,而 要 按照 以 下 语法 格式 : 

对 象 名 .DataType = System. Type. GetType(" 数 据 类 型 ")); 

6) DataRow( 数 据 行 ) 的 创建 

DataTable 对 象 可 以 包含 多 个 数据 行 ,每 行 就 是 一 个 DataRow 对 象 。 定 义 DataRow 对 
象 的 语法 格式 为 : 


DataRow 对 象 名 = DataTable 对 象 . NewRow(); 


注意 : DataRow 对 象 不 能 用 New 来 创建 ,而 需要 用 数据 表 对 象 的 NewRow 方法 创建 。 
例如 ,为 数据 表 对 象 dtStuInfo 添加 一 个 新 的 数据 行 ,代码 如 下 : 


DataRow dr = dtStuInfo. NewRow(); 
访问 一 行 中 某 个 单元 格 内 容 的 方法 为 : 
DataRow 对 象 名 [" 字 段 名 "] 或 DataRow 对 象 名 [序号 ] 


DataRow 对 象 的 常用 属性 和 方法 如 表 6-19 所 示 。 
表 6-19 DataRow 对 象 的 常用 属性 和 方法 


属性 和 方法 说 明 
RowState 属性 ”获取 数据 行 的 当前 状态 ,属于 DataRowState 枚 举 型 ,分 别 为 Add、Delete、Detached、 
Modified .Unchanged 
BeginEdit 方 法 ”开始 数据 行 的 编辑 
CancelEdit 方 法 ”取消 数据 行 的 编辑 
Delete 方 法 删除 数据 行 
EndEdit 方法 结束 数据 行 的 编辑 


2. DataAdapter 对 象 
DataAdapter 是 一 个 特殊 的 类 ,起 着 Connection 对 象 和 DataSet 对 象 之 间 桥 梁 的 作用 ， 
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能 够 保存 和 检索 数据 。DataAdapter 提供 了 双向 的 数据 传输 机 制 , 它 可 以 在 数据 源 上 执行 
Select 语句 ,把 查询 结果 集 传送 到 DataSet 对 象 的 数据 表 (DataTable) 中 ,还 可 以 执行 
Insert、Update 和 Delete 语句 ,将 DataTable 对 象 更 改过 的 数据 提取 并 更 新 回 数据 源 。 

DataAdapter 属于 .NET 数据 提供 程序 ,每 一 种 .NET 数据 提供 程序 都 有 与 之 对 应 的 
DataAdapter 类 ,如 表 6-20 所 示 。 


表 6-20 .NET 数据 提供 程序 及 相应 的 DataAdapter 类 


数据 访问 提供 程序 名 称 空间 对 应 的 DataAdapter 类 名 称 
SQL Server 数据 提供 程序 System. Data. SqlClient SqlDataAdapter 
OLE DB 数据 提供 程序 System. Data. OleDb OledbDataAdapter 
ODBC 数据 提供 程序 System. Data. Odbc OdbcDataAdapter 
Oracle 数据 提供 程序 System. Data. OracleClient OracleDataAdapter 


下 面 以 SqlDataAdapter 为 例 进行 介绍 ,其 他 与 之 类 似 。SqlDataAdapter 对 象 的 主要 属 
性 如 下 。 

。 SelectCommad: 获 取 或 设置 一 个 语句 或 存储 过 程 , 用 于 在 数据 库 中 选择 记录 。 

。 InsertCommand: 获 取 或 设置 一 个 语句 或 存储 过 程 , 用 于 在 数据 库 中 插入 记录 。 

。 UpdateCommand: 获 取 或 设置 一 个 语句 或 存储 过 程 , 用 于 更 新 数据 库 中 的 记录 。 

。 DeleteCommand 属性 :获取 或 设置 一 个 语句 或 存储 过 程 ,用 于 从 DataSet 数据 集中 

删除 记录 。 

SqlDataAdapter 对 象 的 主要 方法 如 下 。 

Fill 方法 : 调用 Fill 方法 会 自动 执行 SelectCommand 属性 中 提供 的 命令 ,获取 结果 
集 并 填充 数据 集 的 DataTable 对 象 。 其 本 质 是 通过 执行 SelectCommand 对 象 的 
Select 语句 查询 数据 库 , 返 回 DataReader 对 象 ,通过 DataReader 对 象 隐 式 地 创建 
DataSet 中 的 表 , 并 向 Dataset 中 的 表 填 充 数据 。 

Update 方 法: 调用 InsertCommand、UpdateCommand 和 DeleteCommand 属性 指定 
的 SQL 命令 ,将 DataSet 对 象 更 新 到 相应 的 数据 源 。 在 Update 方法 中 , 逐 行 检查 
数据 表 每 行 的 RowState 属性 值 ,根据 不 同 的 RowState 属性 ,调用 不 同 的 Command 
命令 更 新 数据 库 。 

使 用 SqlDataAdapter 和 DataSet 对 象 操作 数据 库 的 步骤 为 : 

(1) 创建 数据 库 连 接 对 象 。 

(2) 利用 数据 库 连接 对 象 和 Select 语句 创建 SqlDataAdapter 对 象 。 

(3) 根据 操作 要 求 配置 SqlDataAdapter 对 象 中 不 同 的 Command 属性 。 如 增加 数据 库 
数据 ,需要 配置 InsertCommand 属性 ; 修改 数据 库 数据 ,需要 配 置 UpdateCommand 属性 ; 
删除 数据 库 数 据 , 需 要 配置 DeleteCommand 属性 。 

(4) 使 用 SqlDataAdapter 对 象 的 Fill 方法 把 Select 语句 的 查询 结果 放 在 DataSet 对 象 
的 一 个 数据 表 中 或 直接 放 在 一 个 DataTable 对 象 中 。 

(5) 对 DataTable 对 象 中 的 数据 进行 增 \ 删 、 改 操作 。 

(6) 修改 完成 后 ,通过 SqlDataAdapter 对 象 的 Update 方法 将 DataTable 对 象 中 的 修改 
更 新 到 数据 库 。 
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说 明 : 第 (3) 步 中 根据 操作 要 求 配置 SqlDataAdapter 对 象 中 不 同 的 Command 属性 ,如 
果 自 己 给 SqlDataAdapter 对 象 的 InsertCommand、UpdateCommand、DeleteCommand 属性 
定义 SQL 更 新 语句 ,过 程 比较 复杂 。 可 以 通过 建立 CommandBuilder 对 象 以 便 自 动 生 成 
DataAdapter 的 Command 命令 。 

DataAdapter 类 的 构造 方法 有 多 个 ,以 SqlDataAdapter 为 例 ,构造 方法 如 下 。 


public SqlDataAdapter( ); 

public SqlDataAdapter (SqlCommand) ; 

public SqlDataAdapter( string, SqlConnection); 
public SqlDataAdapter( string, string); 


故 创建 SqlDataAdapter 对 象 的 格式 有 以 下 4 种 方式 。 
方式 一 : 


SqlDataAdapter() sda = new SqlDataAdapter( ); 
sda. SelectCommand = new SqlCommand("select * from StuInfo", sqlconn); 


其 中 sqlconn 表示 连接 数据 库 对 象 ,select * from StulInfo 表示 select 查询 语句 。 
方式 二 ， 

SqlCommand cmd = new SqlCommand("select * from StuInfo", sqlconn); 

SqlDataAdapter() sda = new SqlDatahdapter(cmd) ; 


方式 三 : 
SqlDataAdapter() sda = new SqlDataAdapter("select * from StuInfo", sqlconn); 


方式 四 : 


SqlDataAdapter() sda = new SqlDataAdapter("select * from StuInfo", 
“Server = .; Database = BookShopPlus; Uid= sa; pwd = 123456”); 


以 上 是 创建 SqlDataAdapter 对 象 的 几 种 方式 ,读者 可 以 根据 需求 ,选择 自己 喜欢 的 方式 。 
3. DataSet 和 DataAdapter 对 象 应 用 


1) 查询 数据 库 的 数据 

使 用 DataSet 对 象 和 DataAdapter 对 象 查询 数据 库 数据 的 一 般 步 骤 如 下 : 首先 建立 数 
据 库 连接 ; 然后 利用 数据 连接 和 Select 语句 建立 DataAdapter 对 象 ,并 使 用 DataAdapter 
对 象 的 Fill 方法 把 查询 结果 放 在 DataSet 对 象 的 一 个 数据 表 中 ; 接 下 来 ,将 该 数据 表 复制 到 
DataTable 对 象 中 ; 最 后 ,实施 对 DataTable 对 象 中 数据 的 查询 。 

【示例 6-6】 演示 使 用 DataSet 对 象 和 DataAdapter 对 象 查询 数据 库 数 据 。 

(1) 在 网 站 项 目 ch06 中 添加 一 个 名 为 DataAdapterSelectDemo. aspx 的 页 面 。 

(2) 编写 DataAdapterSelectDemo. aspx 页 面 Page_Load 事件 方法 的 程序 代码 ,如 表 6-21 
所 示 。 
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表 6-21 DataAdapterSelectDemo. aspx 页 面 Page Load 事件 方法 的 程序 代码 


行 号 代 码 页 
01 protected void Page_Load(object sender, EventArgs e) 
02 证 
03 string sqlconnstr = ConfigurationManager. ConnectionStrings["StuConnString"]. ConnectionString; 
04 SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
05 DataSet ds = new DataSet(); // 建 立 DataSet 对 象 
06 DataRow dr; // 建 立 DataRow 数据 行 对 象 
07 try 
08 { 
09 sqlconn. Open( ); // 打 开 连 接 
10 // 建 立 DataAdapter 对 象 
11 SqlDataAdapter sda = new SqlDataAdapter("select * from StuInfo", sqlconn); 
12 sda. Fill(ds, "StuTable");// 用 Fill 方法 返回 的 数据 ,填充 DataSet, 数据 表 取 名 为 
//"stuTable" 
13 DataTable dtable = ds.Tables["StuTable"]; // 将 数据 表 StuTable 的 数据 复制 到 
//DataTable 对 象 
14 // 用 DataRowCollection 数据 行 对 象 获取 StuTable 数据 表 的 所 有 数据 行 
15 DataRowCollection drc = dtable.Rows; 
16 // 逐 行 遍历 ,取出 各 行 的 数据 
| for (int i = 0; i < drc.Count; i++) 
18 { 
19 dr = drc[i]; 
20 Response. Write(" 学 号 : ”+dr ["StuNo"] + "姓名 :”+ dr["Name"] + "性 别 :”+ 
21 dr["Sex"] + "出 生日 期 : ”+ dr["Birth"] + "照片 : " + dr["Photo"]); 
地 Response. Write( "< br />"); 
23 } 
24 
25 catch (Exception ex) 
26 { 
2 Response. Write(" 数 据 读 取出 错 ! 原 因 : " + ex. Message); 
28 } 
29 finally 
30 { 
31 sqlconn. Close(); 
32 sqlconn = null; 
33 } 
34 } 


(3) 程序 运行 效果 如 图 6-9 所 示 。 

在 后 续 章 节 会 介绍 绑 定 控件 GridView ,可 使 显示 DataSet 中 的 数据 更 加 简单 。 

2) 新 增 数 据 库 的 数据 

使 用 DataSet 对 象 和 DataAdapter 对 象 增 加 数据 库 数据 的 一 般 步 骤 如 下 : 首先 建立 数 
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- http://localhost:58702/ch06/ch6_6/DataAdapter... 
加 晤 | 冯 http://ocalhost:58702/d 国 [名 |[x| | 百度 四 


实 收藏 夹 “| 忻 http://localhost:58702/ch06/ch6_6/... 


: 3 姓名 王 五 性 别 ， 男 出 生日 期 ，1989-3-4 000.00 照片 ， 3 jpg 
: 4 姓名 : 陈 吴 性 别 ， 男 出 生日 期 ，1990_.3-2 0:00:00 照片 ，4.jpg 
: 6 姓名 ， 李 勇 性 别 ， 男 出 生日 期 ，1988-4-6 00000 照片 ，6 jpg 
: 7 姓名 : 王 燕 性 别 : 女 出 生日 期 ，1990-5-1 0:00:00 照片 ，7.jpg 
: 8 姓名 ， 赵 傅 性 别 , 女 出 生日 期 ，1989-1-3 00000 照片 ，8 jpg 
: 9 姓名 ， 李 兰 性 刚 ， 女 出 生日 期 ，1990-1-2 0:00:00 照片 ，9.jpg 


六 站 瞪 忧 恰 疏 
< 各 Je.Jioesfn 加 


图 6-9 页 面 DataAdapterSelectDemo. aspx 运行 效果 


据 库 连接 ; 然后 利用 数据 连接 和 Select 语句 建立 DataAdapter 对 象 并 建立 CommandBuilder 对 
象 以 便 自 动 生 成 DataAdapter 的 Command 命令 ,否则 ,就 要 自己 给 InsertCommand、 
UpdateCommand、DeleteCommand 属性 定义 SQL 更 新 语句 ; 使 用 DataAdapter 对 象 的 Fill 
方法 把 Select 查询 的 结果 放 在 DataSet 对 象 的 一 个 数据 表 中 ; 接 下 来 ,将 该 数据 表 复 制 到 
DataTable 对 象 中 ; 最 后 ,向 DataTable 对 象 增加 数据 记录 ,并 通过 DataAdpter 对 象 的 
Update 方法 向 数据 库 提交 数据 。 

【示例 6-7】 演示 使 用 DataSet 对 象 和 DataAdapter 对 象 向 数据 库 增加 一 条 学 生 记录 。 

(1) 在 网 站 项 目 ch06 中 添加 一 个 名 为 DataAdapterInsertDemo. aspx 的 页 面 。 

(2) 编写 DataAdapterInsertDemo. aspx 页 面 中 “提交 ”按钮 的 Click 事件 方法 的 程序 代 
码 , 如 表 6-22 所 示 。 


表 6-22 “提交 ”按钮 的 Click 事件 方法 的 程序 代码 


行 号 代 码 页 
01 ”protected void btnAdd _ Click(object sender, EventArgs e) 
02 { 
03 string sqlconnstr = ConfigurationManager. ConnectionStrings [ " StuConnString "] . 
ConnectionString; 
04 SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
05 DataSet ds = new DataSet();// 建 立 DataSet 对 象 
06 try 
07 { 
08 sqlconn. 0pen(); // 打 开 连 接 
09 SqlDataAdapter sda = new SqlDataAdapter("select * from StuInfo", sqlconn); 
// 建 立 DataAdapter 对 象 
10 // 建 立 CommandBuilder 对 象 来 自动 生成 DataAdapter 的 Command 命令 ,否则 就 要 自己 编写 
1 //Insertcommand, deletecommand，updatecommand 命令 
12 SqlCommandBuilder cb = new SqlCommandBuilder(sda); 
13 sda. Fill(ds, "stuTable");// 用 Fill 方法 返回 的 数据 ,填充 DataSet, 数据 表 取 名 为 


//"stuTable" 
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续 表 
行 号 代 码 页 
14 DataTable dtable = ds.Tables["stuTable"]; // 将 数据 表 stuTable 的 数据 复制 到 
//DataTable 对 象 
15 证 (FileUpload1.HasFile == true)// 将 照片 上 传 到 网 站 的 " images" 文 件 夹 中 ,以 学 号 
// 为 名 字 进 行 保存 
16 { 
17 string fileName = this.txtStuNo.Text + ".jpg"; 
18 FileUpload1. SaveAs(Server. MapPath(("~/images/") + fileName)); 
19 } 
20 DataRow dr = ds.Tables["stuTable"].NewRow(); // 增 加 新 记录 
21 // 给 该 记录 赋值 
22 dr["StuNo"] = txtStuNo. Text. Trim(); 
23 dr["Name"] = txtName.Text.Trim(); 
24 dr["Sex"] = DdSex.SelectedValue; 
25 dr["Birth"] = Convert.ToDateTime(txtBirth. Text. Trim()); 
26 dr["Photo"] = txtStuNo. Text.Trim() + ".jpg"; 
27 dtable. Rows. Add( dr); 
28 sda. Update(ds, "stuTable"); ”// 提 交 更 新 
29 Response. Write(" 增 加 成 功 < hr >"); 
30 } 
31 catch (Exception ex) 
32 { 
33 Response. Write(" 记 录 新 增 失 败 , 原 因 : " + ex. Message); 
34 b 
35 finally 
36 { 
37 sqlconn. Close( ); 
38 sqlconn = null; 
39 Response. Write("< h7 > 成 功 关 闭 SQL Server 数据 库 的 连接 </h7 >< hr >"); 
40 } 
41 } 


(3) 程序 运行 效果 如 图 6-10 所 示 。 

3) 修改 数据 库 的 数据 

使 用 DataSet 对 象 和 DataAdapter 对 象 修改 数据 库 数据 的 一 般 步骤 如 下 : 首先 建立 数 
据 库 连 接 ; 然后 利用 数据 连接 和 Select 语句 建立 DataAdapter 对 象 并 建立 
CommandBuilder 对 象 以 便 自动 生成 DataAdapter 的 Command 命令 ,否则 ,就 要 自己 给 
InsertCommand、UpdateCommand、DeleteCommand 属性 定义 SQL 更 新 语句 ; 使 用 
DataAdapter 对 象 的 Fill 方 法 把 Select 语句 的 查询 结果 放 在 DataSet 对 象 的 数据 表 中 ; 接 
下 来 ,将 该 数据 表 复 制 到 DataTable 对 象 中 ; 最 后 ,修改 DataTable 对 象 中 的 数据 ,并 通过 
DataAdpter 对 象 的 Update 方法 向 数据 库 提交 修改 数据 。 
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~ http://localhost:58702/ch06... - no * hips/ /Jocathost322D2/ ch /nsss 


SO py 回 http://localhost:58702/d ||#s |x| Go- [@ ups/nocalhost.59702/d 国 El [le 
空 收藏 交 。 血 http:J/ocalhost:58702Jeh0.. | 
寓 收 藏 夫 | 逢 http://oalhost58702/ 中 | | | 一 一 
增加 成 马 
学 号 ， | 成 功 关闭 SQL Server 救 据 库 的 连接 
和 | 学 号 ，[ 
性 别 ，| 另 国 姓名 ， 攻 本 
出 生日 期 ， 性 别 ，[ 区 国 
照片 ， EE 出 生日 期 ，|1988-11-20 
照片 : 测 哆 .， 
图 | 


图 6-10 ”DataAdapterInsertDemo. aspx 页 面 设计 及 运行 效果 


【示例 6-8】 演示 使 用 DataSet 对 象 和 DataAdapter 对 象 修改 数据 库 记 录 。 

(1) 在 网 站 项 目 ch06 中 添加 一 个 名 为 DataAdpterUpdateDemo. aspx 的 页 面 。 

(2) 编写 DataAdpterUpdateDemo. aspx 页 面 中 “修改 ”按钮 的 Click 事件 方法 的 程序 代 
码 , 如 表 6-23 所 示 。 


表 6-23 “修改 "按钮 的 Click 事件 方法 的 程序 代码 
代 码 页 


protected void btnUpdate Click(object sender, EventArgs e) 


| 


// 从 web. config 中 读 取 连接 字符 串 

string strCnn = ConfigurationManager. ConnectionStrings["StuConnString"]. ConnectionString; 

DataSet ds = new DataSet(); 

if (FileUpload1. HasFile == true) // 将 照片 上 传 到 网 站 的 "images" 文 件 夹 中 ,以 学 号 为 名 
// 字 进行 保存 


string fileName = this. txtStuNo. Text + ".jpg"; 
FileUpload1. SaveAs(Server. MapPath( ("~/images/") + fileName)); 
} 
using (SqlConnection cnn = new SqlConnection(strCnn)) // 创 建 连接 对 象 
{ 
// 创 建 DataAdapter 对 象 ,使 用 select 语句 和 连接 对 象 初始 化 
SqlDataAdapter sda = new SqlDataAdapter("select * from StuInfo", cnn); 
// 建 立 CommandBuilder 对 象 来 自动 生成 DataAdapter 对 象 的 Command 对 象 
SqlCommandBuilder sb = new SqlCommandBuilder(sda); 
sda. Fill(ds, "StuTable"); ”// 调 用 Fill 方法 ,填充 DataSet 的 数据 表 StuTable 
DataTable dtable = ds.Tables["StuTable"]; // 将 数据 表 StuTable 的 数据 复制 到 
//DataTable 对 象 
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续 表 
行 号 代 码 页 
19 // 设 置 dtable 的 主键 ,以 便 用 后 面 调用 Find 方 法 查询 记录 
20 dtable. PrimaryKey = new DataColumn[ ] { dtable.Columns["StuNo"] }; 
如 // 根 据 txtStuNo 文本 框 的 输入 查询 相应 的 记录 ,以 便 修改 
22 DataRow dr = dtable.Rows.Find(txtStuNo. Text.Trim()); 
23 证 (dr {= nu11) // 如 果 存 在 相应 记录 , 则 修改 并 更 新 到 数据 库 
24 { 
25 dr. BeginEdit(); // 修 改 记录 值 开始 
26 dr["StuNo"] = txtStuNo.Text. Trim(); 
2 dr["Name"] = txtName. Text. Trim(); 
28 dr["Sex"] = DdSex.SelectedValue; 
29 dr["Birth"] = Convert.ToDateTime(txtBirth. Text. Trim()); 
30 dr["Photo"] = txtStuNo. Text.Trim() + ",jpg"; 
31 dr. EndEdit( ); 
32 sda. Update(dtable); 。 // 提 交 更 新 
33 Response. Write( "修改 成 功 ! 请 打开 数据 库 查看 ") 
34 } 
35 else 
36 { 
37 Response. Write( "该 学 生 不 存在 !"); 
38 
39 } 
40 |} 
(3) 程序 运行 效果 如 图 6-11 所 示 。 
“~ http://localhost:58702/ch06... - cc x 


和合 国 本 日 htp:/locahost58702/d 同 本 站 |‖ | la hp://ocalhost:58702/d [S| x] | 
从 收藏 天 | 硬 Flp ocalhost56702Jh | | | | 立 收 项 交 | 第 htp/hocahost:58702/chn0… 
修改 成 功 | 请 打开 数据 库 查 看 


照片 : [国王 
轿 


6-11 DataAdpterUpdateDemo. aspx 页 面 设计 及 运行 效果 


4) 删除 数据 库 的 数据 
使 用 DataSet 对 象 和 DataAdapter 对 象 删除 数据 库 数据 的 一 般 步骤 如 下 : 首先 建立 数 
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据 库 连接 ; 然后 利用 数据 连接 和 Select 语句 建立 DataAdapter 对 象 ; 定义 DeleteCommand 
属性 , 自 定义 Delete 命令 ; 使 用 DataAdapter 对 象 的 Fill 方法 把 Select 语句 的 查询 结果 放 
在 DataSet 对 象 的 数据 表 中 ; 接 下 来 ,将 该 数据 表 复 制 到 DataTable 对 象 中 ; 最 后 ,删除 
DataTable 对 象 中 的 数据 ,并 通过 DataAdpter 对 象 的 Update 方法 向 数据 库 提交 数据 。 

【示例 6-9】 演示 使 用 DataSet 对 象 和 DataAdapter 对 象 删除 符合 条 件 的 记录 。 

(1) 在 网 站 项 目 ch06 中 添加 一 个 名 为 DataAdpterDeleteDemo. aspx 的 页 面 。 

(2) 编写 DataAdpterDeleteDemo. aspx 页 面 中 “删除 ”按钮 的 Click 事件 方法 的 程序 代 
码 ,如 表 6-24 所 示 。 


表 6-24 “删除 ”按钮 的 Click 事件 方法 的 程序 代码 


行 号 代 码 页 
01 protected void btnDel Click(object sender, EventArgs e) 
02 { 
03 string strCnn = ConfigurationManager.ConnectionStrings["StuConnString"].ConnectionString; 
04 DataSet ds = new DataSet(); 
05 using (SqlConnection cnn = new SqlConnection(strCnn)) 
06 { 
07 SqlDataAdapter sda = new SqlDataAdapter("select * from StuInfo", cnn); 
08 // 定 义 DeleteCommand 属性 , 自 定义 Delete 命令 ,其 中 @StuNo 是 参数 
09 sda. DeleteCommand = new SqlCommand("delete from StuInfo where StuNo = @StuNo", cnn); 
10 // 定 义 @StuNo 参数 对 应 于 StuInfo 表 的 StuNo 列 
简 sda. DeleteCommand. Parameters. Rdd("@StuNo"，SqlDbTYpe. VarChar, 8, "StuNo"); 
12 // 调 用 Fill 方 法 ,填充 DataSet 的 数据 表 StuTable 
23 sda. Fill(ds, "StuTable"); 
14 // 将 数据 表 StuTable 的 数据 复制 到 DataTable 对 象 
15 DataTable dtable = ds.Tables["StuTable"]; 
16 // 设 置 dtstuInfo 的 主键 ,便于 后 面 调用 Find 方法 查询 记录 
17 dtable. PrimaryKey = new DataColumn[ ] { dtable.Columns["StuNo"] }; 
18 // 根 据 txtStuNo 文本 框 的 输入 查询 相应 的 记录 ,以 便 修改 
19 DataRow dr = dtable. Rows.Find(txtStuNo. Text. Trim()); 
20 // 如 果 存 在 相应 记录 , 则 删除 并 更 新 到 数据 库 
21 if (dr != null) 
22 { 
23 dr. Delete(); // 删 除 行 记录 
24 sda. Update( dtable); // 提 交 更 新 
25 Response.Write(" 记 录 删 除 成 功 !" + "< hr >"); 
26 } 
27 else 
28 { 
29 Response. Write(" 没 有 该 记录 !" + "< hr>"); 
30 } 
31 } 


32 } 
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(3) 程序 运行 效果 如 图 6-12 所 示 。 


GO-: 四 http://localhost:58702/d I 


SS- 加 http://localhost:5870| | 变 收 项 来 “| 三 TipJIGGIh656587027 
轨 http://ocalhost:587 记录 删除 成 功 | 
输入 要 贡 除 学 生 的 学 号 ， 


辆 入 要 删除 学 生 的 学 号 : 
7 | 


图 6-12 DataAdpterDeleteDemo. aspx 页 面 设 计 及 运行 效果 


6.1.6 系统 架构 和 分 层 
1. 系统 框架 


到 目前 为 止 ,我 们 已 经 完成 了 “新 知 书店 ?项 目的 页 面 框架 的 搭建 ,从 现在 开始 将 学 习 三 
层 架 构 在 ASP.NET 中 的 应 用 ,理解 多 层 结构 思想 在 项 目 开 发 中 的 突出 优势 。 

搭建 什么 样 的 系统 框架 取决 于 项 目的 具体 需求 。 有 的 企业 站 点 只 是 公司 的 介绍 ,数据 
库 的 内 容 可 能 就 几 篇 新 闻 , 在 这 种 情况 下 ,基本 不 需要 做 太 多 的 系统 设计 工作 ,有 一 个 通用 
的 数据 库 访 问 类 就 足够 了 。 有 的 站 点 非常 庞大 ,比如 新 浪 、 网 易 等 站 点 ,这 类 项 目 往 往 需 要 
很 多 部 门 的 协作 才能 完成 。 而 且 由 于 功能 模块 复杂 ,程序 员 也 有 各 自 的 分 工 : 有 负责 用 户 
管理 模块 的 有 负责 权限 管理 模块 的 。 如 果 模 块 功能 上 有 交叉 ,就 有 必要 制定 一 个 统一 的 标 
准 , 大 家 都 按照 一 致 的 标准 操作 ,这 就 有 必要 设计 一 个 完善 的 系统 框架 。 

高 内 聚 、 低 耦合 是 系统 架构 设计 的 原则 。 高 内 聚 是 指 每 一 层 都 有 统一 的 职能 ,对 外 不 公 
开 ; 低 耦 合 是 指 层 与 层 之 间 相 互 独立 。 比 如 根据 客户 需求 变动 ,要 求 将 基于 三 层 架 构 的 
WinForms 应 用 程序 MySchool 项 目 改 成 Web 应 用 程序 ,那么 只 需要 重新 编写 MySchool 
项 目的 表示 层 , 继 续 使 用 原来 的 业务 逻辑 层 和 数据 访问 层 即 可 ,而 不 需要 全 部 重新 开发 。 使 
用 多 层 结构 时 ,还 必须 注意 要 遵循 不 能 跨 层 访问 的 原则 。 


2. 三 层 架 构 概 述 


在 软件 体系 设计 中 ,分 层 式 结构 最 常见 ,也 是 最 重要 的 一 种 结构 。 微 软 公司 推荐 的 分 层 
式 结构 一 般 分 为 三 层 , 从 下 至 上 分 别 为 数据 访问 层 (DAL)、 业 务 逻 辑 层 (BLL) 和 表现 层 
(CUD 。 三 层 架 构 (3-Tier Architecture) 是 基于 模块 化 程序 设计 的 思想 ,为 实现 分 解 应 用 程序 
的 需求 而 逐渐 形成 的 一 种 标准 模式 的 模块 划分 方法 。 

三 层 架 构 的 软件 系统 不 必 为 了 业务 逻辑 上 的 微小 变化 而 修改 整个 程序 ,只 需要 修改 业 
务 逻 辑 层 中 的 方法 (函数 ) 即 可 ,增强 了 代码 的 可 重用 性 ,便于 不 同 层次 的 开发 人 员 之 间 的 合 
作 。 只 要 遵循 一 定 的 标准 就 可 以 进行 并 行 开 发 ,最 终 将 各 个 部 分 拼接 到 一 起 即 可 构成 最 终 
的 应 用 程序 。 

释疑 : 所 谓 " 分 层 ”, 就 是 将 应 用 程序 按照 不 同 的 功能 划分 成 不 同 的 模块 并 加 以 实现 ,其 
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中 每 一 层 实 现 应 用 程序 一 个 方面 的 逻辑 功能 。 

1) 三 层 架 构 的 分 层 式 结构 

三 层 架构 包含 数据 访问 层 (DAL)、 业 务 逻 辑 层 (BLL) 和 表现 层 (UI) ,它们 各 自 的 功能 
如 下 : 

。 数 据 访 问 层 (DAL) 一 一 负责 对 数据 库 的 访问 ,主要 实现 对 数据 表 的 增 、 删 \ 改 、 查 

操作 。 

。 业务 逻辑 层 (BLL) 一 一 负责 业务 处 理 和 数据 传递 。 它 包含 了 与 核心 业务 相关 的 四 
辑 , 实 现 业务 规则 和 业务 逻辑 。 业 务 逻 辑 层 处 于 数据 访问 层 与 表示 层 之 间 ,还 作为 
表示 层 和 数据 访问 层 的 桥梁 ,实现 数据 的 传递 和 处 理 , 起 到 了 数据 交换 中 承 上 启 
下 的 作用 。 对 于 数据 访问 层 而 言 , 它 是 调用 者 ; 对 于 表示 层 而 言 , 它 却 是 被 调 
用 者 。 
表示 层 (UD 一 一 负责 内 容 的 展示 和 与 用 户 的 交互 。 它 位 于 最 外 层 ( 最 上 层 ), 离 用 户 
最 近 , 给 予 用 户 直接 的 体验 。 通 俗 地 讲 , 就 是 展现 给 用 户 的 界面 。 该 层 主要 完成 两 
个 任务 : 从 业务 逻辑 层 获取 数据 并 显示 ; 与 用 户 进行 交互 ,将 相关 数据 送 回 业务 光 
辑 层 进行 处 理 。 

分 层 的 目的 是 为 了 体现 * 高 内 聚 、 低 耦合 "的 思想 。 分 层 的 时 候 如 果 没 有 一 个 适当 的 数 
据 容器 来 贯穿 各 层 , 将 导致 而 合 性 过 高 ,所 以 用 模型 层 (Model) 作 为 层 与 层 之 间 数 据 传递 的 
载体 。 模 型 层 (Model) 是 标准 和 规范 , 它 包含 了 与 数据 库 表 相对 应 的 实体 类 。 如 图 6-13 所 
示 为 各 层 之 间 的 关系 。 


图 6-13 三 层 的 分 层 式 结构 


2) 三 层 架 构 的 优 缺 点 

优点 : 

。 开发 人 员 可 以 只 关注 整个 结构 中 的 某 一 层 。 

可 以 很 容易 用 新 的 实现 来 替换 原 有 层次 的 实现 。 
可 以 降低 层 与 层 之 间 的 依赖 。 

有 利于 标准 化 。 

利于 各 层 逻 辑 的 复 用 。 

在 后 期 维护 的 时 候 , 极 大 地 降低 了 维护 成 本 和 维护 时 间 。 
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缺点 : 

降低 了 系统 的 性 能 。 这 是 不 言 而 喻 的 。 如 果 不 采用 分 层 式 结构 ,很 多 业务 可 以 直接 
造访 数据 库 , 以 此 获取 相应 的 数据 ,如 今 却 必须 通过 中 间 层 来 完成 。 

有 时 会 导致 级 联 的 修改 。 这 种 修改 尤其 体现 在 自 上 而 下 的 方向 。 如 果 在 表示 层 中 
需要 增加 一 个 功能 ,为 保证 其 设计 符合 分 层 式 结构 ,可 能 需要 在 相应 的 业务 逮 辑 层 
和 数据 访问 层 中 都 增加 相应 的 代码 。 

增加 了 开发 成 本 。 


€.2 单元 任务 


任务 6-2-1 实现 “新 知 书店 ”管理 员 登 录 功能 


【任务 描述 】 

在 任务 4-2-4 的 基础 上 结合 任务 5-2-6 基于 母 版 页 创建 的 后 台 首 页 。 完 成 “新 知 书店 ” 
系统 管理 员 登 录 功 能 ,实现 用 户 名 和 密码 的 非 空 验证 ,如 果 都 不 为 空 , 则 进行 用 户 名 和 密码 
的 数据 验证 (本 任务 的 用 户 名 和 密码 基于 BookShopPlus 的 Users 数据 表 ) ,输入 错误 给 出 
“用 户 名 式 密码 错误 1” 的 提示 信息 。 

【任务 实施 】 

本 任务 的 实施 较 简单 ,前 台 登 录 页 AdminLogin. aspx 在 任务 4-2-4 中 已 经 全 部 设计 完 
成 ,后 台 页 面 默认 首页 Default. aspx 在 第 5 单元 的 相关 任务 中 设计 完成 。 与 任务 4-2-4 不 
同 的 是 ,本 任务 的 用 户 名 和 密码 不 国定 ,而 是 要 从 数据 库 中 进行 检索 。 本 任务 的 实施 步骤 
如 下 : 

(1) 在 任务 4-2-4 的 基础 上 ,创建 解决 方案 下 的 网 站 项 目 Web, 结 合 任务 5-2-6 完成 项 
目 后 台 文 件 夹 Admin 下 的 文件 的 创建 (其 实 这 里 可 以 把 相应 的 页 面 文件 及 其 对 应 的 资源 图 
片 和 样式 表 复 制 到 本 任务 网 站 项 目 对 应 文件 夹 下 )。 

(2) 右 击 网 站 项 目 Web, 选 择 “ 添 加 ASP.NET 文件 夹 ” 一 二 App_Code 命令 ,在 App_ 
Code 文件 夹 下 创建 数据 表 Users 对 应 的 实体 类 Users. cs 和 操作 数据 的 类 文件 
DBOperator. cs ,代码 如 下 。 


/// < summary> 
/// 为 简化 操作 , 此 实体 类 根据 需要 省 略 了 表 Users 中 除了 用 户 名 和 密码 外 的 其 他 字段 
/// </summary> 
public class Users 
{ 
public string LoginId { get; set; } // 用 户 名 
public string LoginPwd { get; set; } // 密 码 
” 


/1/ < summary> 
///DBOperator 类 完成 用 户 名 和 密码 检查 
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/// </summary> 
public class DBOperator 


// 连 接 字符 串 
private const string strConn = (@"Data Source = . ;Initial Catalog = BookShopPlus; 
Integrated Security = True"; 


间 region 检查 用 户 和 密码 
/// < summary> 
/// 检查 用 户 和 密码 
/// </summary> 
/// <param name = "userName"> 用 户 名 </param> 
/// <param name = "userPwd"> 密 码 </param > 
/// <param name = "strMsg"> 返 回 的 登录 信息 </param> 
/// <returns>-2: 数据 库 异常 ; -1: 用 户 名 或 密码 错误 ; 0: 用 户 名 或 密码 为 空 ; 1: 登录 成 
/// 功 </returns> 
Public static int CheckUserInfo( string userName, string userPwd, ref string strMsg) 
|! 
int Ret = -2; 
try 
{ 
if (userName. Equals(string. Empty) || userPwd. Equals(string. Empty)) 
{ 
strMsg = "请 输入 用 户 名 和 密码 "; 
Ret = 0; 
} 
else 
{ 
using (SqlConnection conn = new SqlConnection(strConn)) 


{ 
conn. Open( ); 
StringBuilder sb = new StringBuilder(); 
sb. AppendLine(" SELECT" ); 
sb. AppendLine(" *") 
sb. AppendLine(" FROM" ); 
sb. AppendLine(" [Users]"); 
sb. AppendLine ("WHERE" ); 
sb. AppendLine(" LoginId = '" + userName + ""); 
sb. AppendLine("AND" ); 
sb. AppendLine(" LoginPwd = '" + userPwd + "'"); 
sb. AppendLine("AND UserRoleId = 3" ); // 管 理 员 的 UserRoleId 为 "3" 


SqlCommand comm = new SqlCommand( sb. ToString()，conn); 
SqlDataReader reader = comm.ExecuteReader( ); 
if (reader. Read( )) 


{ 
Ret = 1; 
} 
else 
{ 
at 
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strMsg = "用 户 名 或 密码 错误 !"; 


1 
} 


return Ret; 
catch (Exception ex) 
. 
strMsg = ex.Message; 
Ret = -2; 
return Ret; 


} 


(3) 将 任务 4-2-4 中 登录 页 后 置 代 码 文件 AdminLogin. aspx. cs 中 国定 用 户 名 与 密码 的 
如 下 代码 : 


if (this. txtLoginId. Text. Trim() == "admin”&& this.txtLoginPwd.Text.Trim() == "123456") 


蔡 换 成 如 下 两 行 即 可 : 


int iRet = DBOperator. CheckUserInfo (this. txtLoginId. Text. Trim( )，this. txtLoginPwd. Text. 
Trim(),ref strMsg); 
if (iRet >0) 


任务 6-2-2 搭建 “新 知 书店 ”系统 三 层 架 构 


【任务 描述 】 

在 已 完成 的 “新 知 书店 ”基础 上 ,结合 本 单元 所 讲授 的 三 层 架 构 的 概念 ,完成 “新 知 书店 ” 
系统 三 层 架 构 的 搭建 。 

“新 知 书店 ”系统 目录 结构 如 图 6-14 所 示 。 

【任务 实施 

(1) 创建 解决 方案 BookShop, 运 行 Visual Studio 2010, 在 其 菜单 栏 中 选择 “文件 ”一 
“新 建 项 目 ” 命 令 , 打 开 “ 新 建 项 目 ” 对 话 框 ,在 “新 建 项 目 ” 对 话 框 中 ,展开 已 安装 的 模板 中 的 
“其 他 项 目 类 型 "节点 ,选择 Visual Studio 解决 方案 ”选项 ,在 中 间 窗 口 选择 “空白 解决 方 
案 ” 选 项 ,新 建 一 个 名 为 BookShop 的 空白 解决 方案 ,如 图 6-15 所 示 。 

(2) 添加 模型 层 。 右 击 解 决 方案 te 

目 ” 命 令 , 在 “添加 新 项 目 ” 对 话 框 中 ,选择 “类 库 ” 选 项 ,如 图 6-16 所 示 , 新 建 一 个 名 为 

BookShopModels 的 类 库 。 

(3) 按照 步骤 (2) 的 方法 ,依次 新 建 名 为 BookShopDAL 的 数据 访问 层 、BookShopBLL 
业务 逻辑 层 。 

(4) 添加 表示 层 。 右 击 解 决 方案 BookShop, 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “新 建 
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色 G:MASP.Net 网 站 开发 项 目 化 教程 \BookShop 


文件 (E) 第 辑 (E) 查看 (V) 收藏 (A) 工具 (T) 帮助 (H) 
人 请 -加 店 月 拓 防 文人 天 国 - 


;地址 (Dj 加 G:WASP_.Net 网 站 开发 项 目 化 教程 Wookshop 3 回转 到 
大 - 类 型 修改 日 其 
文件 和 文件 夹 任务 大 iB 1 六 件 夹 2014-2-9 22:03 
ee 文件 垃 。 ”2014-2-9 22:03 
它 文件 亦 2014-2-9 22:03 


文件 夹 2014-2-9 22:53 


详细 信息 4... Microsoft... 2010-7-28 14:51 


5 个 对 象 ( 如 1 个 隐藏 对 象 ) 76-7 KB 时 我 的 电脑 


图 6-14 “新 知 书店 ”系统 三 层 架 构 的 文件 结构 


.NET Framework 区 加 上 有 昌 
忆 六 本 局 本 加 空白 解决 .，Visual Studio 解决 闫 。 类 型 : Visual Studio 解决 方案 
Visual C# 创建 不 包含 项 目的 空 解 决 方案 


G:WSP.Nel 风 开发 三 化 雪人 chapter06 


| 


图 6-15 新建 空白 解决 方案 BookShop 


网 站 ”命令 。 表 示 层 的 网 站 项 目 存放 位 置 要 选择 解决 方案 所 在 文件 夹 , 这 里 将 表示 层 网 站 项 
目 命名 为 Web ,如 图 6-17 所 示 。 

数据 访问 层 一 般 命名 为 DAL .或 解决 方案 名 十 DAL, 这 里 取 名 为 BookShopDAL; 业务 
逻辑 层 一 般 取 名 为 BLL, 这 里 取 名 为 BookShopBLL。 

提示 : 每 一 层 的 命名 不 是 一 成 不 变 的 ,要 根据 实际 项 目 需要 综合 考虑 。 

经 过 刚才 的 4 个 步骤 ,基于 三 层 结构 的 系统 架构 已 经 初步 搭建 成 功 。 但 每 一 层 都 是 各 
自 独立 的 ,它们 之 间 没 有 任何 联系 ,因此 需要 给 各 层 之 间 建 立 依赖 关系 。 各 层 之 间 相 互 依赖 
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? x 


最 近 的 柱 入 .NET Framework “| 有 及 依 据 引 旺 认 值 司 医 站 引 招 索 已 安装 的 村 p 
NN 勋 windows 盏 体 应 用 程序 。 Visual C# 一 | 类 型: Visual C# 
Visual C# 用 于 创建 C# 类 库 (.dll) 的 项 目 
Wo WPF 应 用 程序 Visual C# Cdl) 
Web 国 ens Visual C# 
Office = 
Cloud 全 Asp.NET web 应 用 程序 Visual C# 
dag 国 类 Visual C# 
过 arePoin 
silverlight 仿 Asp.NETMVvC2 web 应 . Visual C# 
WCF 
pd svelioht BF Visual cf 
园 siveriont 坟 库 Visual C# 
区 WCF 服务 应 用 程序 Visual C# ~ 
G:WASP.Net 网 站 开发 项 目 化 教 笠 hapter0GVwG-2-2\E | 


图 6-16 选择 “类 库 ? 模 板 


~ 图 BookShopBLL 
| 由 - 国 Properties 
| 由 - 固 引 用 

| 习 Classl.cs 


司 解 决 方案 BookShop' (4 个 项 目 ) 


6-17 解决 方案 资源 管理 器 效果 


是 它们 良好 协作 的 关键 。 

(5) 实现 表示 层 对 业务 多 辑 层 的 依赖 。 在 “解决 方案 资源 管理 器 ?面板 中 , 右 击 表示 层 
(Web) ,在 弹出 的 快捷 菜单 中 选择 “添加 引用 ”命令 。 在 弹出 的 “添加 引用 ”对 话 框 中 选择 “项 
目 ” 选 项 卡 , 选 中 项 目 名称 BookShopBLL, 单 击 “ 确 定 ” 按 钮 ,如 图 6-18 所 示 。 此 时 ,在 表示 
层 的 引用 目录 下 就 会 出 现 业务 多 辑 层 的 项 目 名称 , 如 图 6-19 所 示 。 


SN 
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添加 引用 
.NET |COM 项 目 | 浏览 | 最 近 
项 目 名 称 ~ 项 目 目录 
有 同 解决 方案 'BookShop' (4 个 项 目 ) 
BookShopDAL G:WASP.Net 网 站 开发 项 
BookShopModels G:\ASP.Net 网 站 开发 项 * 图 BookshopBLL 
由 - 图 BookShopDAL 
中 - 图 BookShopModels 
D- 畏 
请 - BS Bin 
BookSshopBLL.dll 
站 | @ BookShopBLLpdb 
本 瑟 web.config 
取消 
图 6-18 “添加 引用 ”对 话 框 6-19 实现 Web 表示 层 的 引用 


(6) 实现 业务 逻辑 层 对 数据 访问 层 的 依赖 。 即 在 业务 逻辑 层 (BookShopBLL) 实 现 对 数 
据 访 问 层 (BookShopDAL) 的 引用 ,操作 方法 同步 又 (5) 。 

(7) 实现 数据 访问 层 `. 业 务 多 辑 层 和 表示 层 对 数据 模型 层 的 依赖 。 由 于 数据 访问 层 
(BookShopDAL) .业务 逻辑 层 (BookShopBLL) .表示 层 (Web) 三 层 之 间 的 数据 传递 的 类 型 
是 基于 模型 层 的 实体 类 ,所 以 这 三 层 均 需要 添加 对 模型 层 (BookShopModels) 的 引用 ,操作 
步骤 类 似 ,在 此 不 做 详细 讲解 。 至 此 ,基于 三 层 结构 的 “新 知 书店 ”系统 架构 才 算 真正 搭建 
完成 。 


任务 6-2-3 实现 三 层 架构 下 的 “新 知 书店 ”用 户 注册 功能 


【任务 描述 】 

。 在 “新 知 书店 ”的 三 层 架构 下 实现 用 户 注 册 功 能 。 

。 先 判 断 用 户 是 否 存 在 。 如 果 存 在 ,就 显示 “用 户 名 已 存在 ,请 重新 输入 1” 的 对 话 框 ; 
否则 ,将 用 户 信息 添加 到 User 表 中 。 

【任务 实施 】 


1. 用 户 注册 相关 实体 类 的 实现 


实体 类 统一 放 在 模型 层 , 与 数据 库 中 的 表 相对 应 ,是 描述 一 个 业务 实体 的 “类 ”。 整 个 应 
用 系统 业务 所 涉及 的 对 象 (例如 “新 知 书店 ”中 的 图 书 、 用 户 等 ) 都 可 以 看 成 是 业务 实体 类 。 
从 数据 存储 的 角度 来 看 ,业务 实体 类 就 是 存储 应 用 系统 信息 的 数据 表 。 将 每 一 个 数据 表 中 
的 字段 定义 成 属性 ,并 将 这 些 属性 用 一 个 类 封装 一 一 这 个 类 就 称 为 “实体 类 ”, 三 层 之 间 的 数 
据 传递 就 是 通过 传输 实体 对 象 来 达到 目的 的 。 

(1) 类 的 命名 。 模 型 层 中 实体 类 的 命名 一 般 和 所 对 应 的 表 名 一 致 。 数 据 表 中 有 些 表 名 
以 “s” 结 尾 ,比如 “新 知 书店 ”中 的 用 户 表 Users 是 复数 形式 ,但 实体 类 一 般 以 单数 形式 User 
表示 。 
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(2) 实体 类 比较 简单 ,根据 数据 库 中 的 字段 编写 对 应 的 变量 和 属性 即 可 。 除 了 构造 方 
法 以 外 ,实体 类 一 般 没 有 其 他 方法 (很 多 情况 下 把 构造 方法 也 省 略 ,但 不 建议 这 么 做 ) 。 

(3) 外 键 的 处 理 。 根 据 第 一 单元 的 需求 分 析 可 知 , 用 户 有 状态 之 分 (无 效 ` 有 效 ) ,也 有 
角色 之 分 (普通 用 户 、VIP 或 者 管理 员 ) ,这些 内 容 在 数据 库 中 表现 为 外 键 关系 。 如 何 处 理 这 
些 关 系 呢 ? 一 般 有 两 种 方式 : 使 用 外 键 表 ID 或 者 使 用 外 键 对 象 。 使 用 外 键 表 ID 的 方式 比 
较 简 单 ,但 采用 外 键 对 象 的 方式 是 当前 非常 流行 的 方式 ,许多 开源 的 代码 体系 中 都 采用 外 键 
对 象 的 方式 处 理 。 这 种 方式 的 好 处 是 , 它 可 以 依据 外 键 类 直接 访问 外 键 的 其 他 属性 。 比 如 
“新 知 书 店 ” 的 用 户 有 角色 之 分 (UserRole)， 


使 用 外 键 类 就 可 以 用 以 下 方式 访问 角色 名 称 。 睹 守 ee 
Lognld Name 
user. UserRole. Name togrpwd 
Name 
Address 
其 中 , user 表示 用 户 表 对 应 的 实体 类 Phone 
对 象 IlUserRoleld UserStates 
。 ed 8 ad 
(4) 用 户 注册 相关 实体 类 的 编写 。“ 新 知 UserStaterd ee 


书店 ”用 户 表 有 两 个 外 键 表 (UserStates 和 
UserRoles) ,如 图 6-20 所 示 。 

根据 如 图 6-20 所 示 的 用 户 表 及 其 外 键 表 , 需 要 创建 三 个 对 应 的 实体 类 ,如 图 6-21 
所 示 。 


图 6-20 用 户 表 及 其 外 键 表 


User 习 UserRole 因 
Class Class 
由 字段 由 字段 
吕 属性 属性 
守 Address 守 Id 
完 Id 十 Name 
守 LoginId 旦 方法 
村 Loginpwd 者 UserRole 
守 Mail 
守 Name 
村 phone UserState 因 
守 UserRole Class 
要 Userstate 
旦 方法 由 字段 
污 User a 属性 
ee 守 Id 
守 Name 
己方 法 
汐 UserState 


6-21 用 户 类 、 用 户 角色 类 及 用 户 状 态 类 


在 项 目 BookShopModels 中 分 别 新 建 类 文件 User. cs、UserRole. cs 和 UserState. cs。 
UserRole. cs 的 实现 代码 如 下 : 
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using System; 
using System. Collections. Generic; 
using System. Text; 
namespace BookShop. Models 
{ 
[Serializable()] // 将 实体 类 标记 为 可 序列 化 ,保证 数据 在 不 同 途径 中 传递 的 正确 性 
public class UserRole 
private int id; 
private string name = String. Empty; 
public UserRole() { } 
public int Id // 角 色 编号 
get { return this. id; } 
set { this. id = value; } 
} 
public string Name ”// 角 色 名 称 
{ 
get { return this. name; } 
set { this.name = value; } 


UserState. cs 的 实现 代码 如 下 : 


using System; 
using System. Collections. Generic; 
using System. Text; 
namespace BookShop. Models 
{ 
[Serializable( )] 
public class UserState 
{ 
private int id; 
private string name = String. Empty; 
public UserState() { } 
public int Id // 用 户 状态 编号 
{ 
get { return this. id; } 
set { this. id = value; } 
} 
public string Name // 用 户 状 态 名 称 
{ 
get { return this. name; } 
set { this.name = value; } 
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User. cs 的 实现 代码 如 下 : 


using System; 


using System. Collections. Generic; 


using System. Text; 
namespace BookShop. Models 


{| 


[Serializable()] 
public class User 


上 


Private int id; 
Private UserState userState; 
private UserRole userRole; 
private string loginId = String. Empty; 
private string loginPwd = String. Empty; 
private string name = String. Empty; 
private string address = String. Empty; 
Private string phone = String. Empty; 
private string mail = String. Empty; 
public User() { } 
public int Id 
{ 

get { return this. id; } 

set { this. id = value; } 
} 
public UserState UserState // 用 户 状 态 ,采用 用 户 状 态 类 作为 UserState 属性 的 类 型 
{ 

get { return this.userState; } 

set { this.userState = value; } 


public UserRole UserRole // 用 户 角 色 
{ 
get { return this.userRole; } 
set { this.userRole = value; } 
} 
public string LoginId // 登 录 名 
t 
get { return this. loginId; } 
set { this. loginId = value; } 
» 
public string LoginPwd // 登 录 密 码 
{ 
get { return this. loginPwd; } 
set { this. loginPwd = value; } 
} 
public string Name // 真 实 姓 名 
{ 


get { return this. name; } 
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set { this.name = value; } 
} 


public string Address // 地 址 
. 
get { return this.address; } 
set { this.address = value; } 
} 


public string Phone // 电 话 号 码 
l 

get { return this. phone; } 

set { this.phone = value; } 
} 


public string Mail // 邮 件 地 址 
get { return this,. mail; } 
set { this.mail = value; } 


2. 用 户 注册 数据 访问 层 的 实现 


数据 访问 层 封装 了 与 数据 库 交互 的 操作 ,包括 对 数据 表 的 增 、 删 、 改 、 查 操作 (C:Create、 
D:Delete、U:Update、R:Retrieve) ,数据 访问 层 就 针对 每 个 数据 表 提 供 增 、 删 、 改 、 查 操作 ， 
不 做 业务 逻辑 的 判断 。 

使 用 ADO.NET 连接 数据 库 需 要 编写 固定 格式 的 代码 ,比如 使 用 SqlConnection 对 象 
实现 数据 连接 ,使 用 SqlCommand 对 象 执行 SQL 命令 ,使 用 SqlDataReader 读 取 数 据 ,使 用 
DataSet 结合 SqlDataAdapter 实现 断 开 式 数据 库 操作 等 。 在 前 面 的 内 容 中 ,我 们 要 在 每 一 
个 数据 访问 层 的 方法 中 编写 重复 的 ADO.NET 代码 ,本 节 使 用 一 个 封装 了 ADO.NET 方法 
的 类 一 一 SqlHelper 类 ,来 提高 数据 访问 代码 的 可 重用 性 。 

(1) 针对 模型 层 中 的 每 一 个 类 ,数据 访问 层 有 一 个 对 应 的 数据 访问 类 。 比 如 针对 User 
实体 类 ,有 一 个 对 应 的 UserService 类 ,负责 有 关 Users 表 的 数据 处 理 。 

(2) 数据 库 操作 方法 分 析 。 刚 才 提 到 ,数据 访问 层 就 是 处 理 数据 的 增 、 删 、 改 、 查 ,所 以 
编写 的 UserService 类 中 的 处 理 方法 也 围绕 在 四 个 方面 。 

增 (Create) 一 般 增加 的 方法 很 简单 ,针对 用 户 类 的 增加 方法 如 下 : 


public void AddUser (User user) 


删 (Delete) 删除 方法 如 下 ,一般 根据 Id 执行 删除 操作 : 


public bool DeleteUserById(int id) 


的 


作 
L 
多 


连 


I 一 
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改 (Update) 一 一 修改 的 方法 也 很 单一 ,典型 的 修改 方法 如 下 : 


public bool ModifyUser(User user) 


查 (Retrieve) 典型 的 查询 方法 如 下 : 

public List<User> GetUsers() 

public User GetUserById(int id) 

public User GetAdminUserByLoginId(string loginId) 
private List<User> GetUsersBySql(string safeSql) 


在 返回 多 个 结果 (结果 集合 ) 时 ,可 以 使 用 泛 型 集合 List 二 User 二 的 形式 , 它 是 User 对 
象 列表 , 当 访问 用 户 姓 名 这 个 字段 时 ,可 以 写 为 : 


string name = user[ 0]. Name; // 假 设 返回 的 对 象 集合 为 user 


针对 Id 进行 的 查询 是 非常 常见 的 查询 方法 ,而 针对 登录 名 进行 的 查询 是 用 户 类 特有 的 
(在 其 他 类 中 ,如 果 有 Name 属性 ,可 能 会 有 针对 Name 的 查询 )。 需 要 注意 的 是 ,通过 SQL 
语句 查询 的 方法 GetUsersBySql, 由 于 需要 SQL 语句 作为 参数 ,不 能 在 业务 迎 辑 层 调 用 此 
方法 ,所 以 设置 为 private 访问 权限 。 数 据 访 问 层 就 是 增删 改 , 查 , 它 不 需要 进行 业务 逻辑 


判断 。 


(3) 过 去 进行 数据 库 的 访问 操作 都 是 非常 程式 化 的 步骤 : 创建 连接 对 象 打 开 链 接 一 
执行 SQL 语句 或 存储 过 程 一 返回 结果 一 关闭 连接 。 每 次 都 编写 重复 的 代码 ,不 同 的 部 分 只 
有 SQL 语句 。 为 避免 出 现 这 种 情况 ,将 比较 程式 化 的 内 容 提取 出 来 编写 成 SqlHelper 类 。 


SqlHelper 类 中 应 该 包含 常用 的 对 数据 库 操 ”。 
的 方法 ,如 图 6-22 所 示 是 SqlHelper 的 类 图 。 | 
这 里 SqlHelper 类 中 只 用 到 了 图 6-22 中 的 js 有 
个 方法 。 为 了 今后 便于 扩展 以 及 提高 代码 的 ap 
用 率 , 将 SqlHelper 类 定义 成 抽象 的 ,该 类 中 有 ”| 六 Exerutepataset (+ 1 重 载 ) 
专 ExecuteNoQuery (+ 1 童 载 ) 
接 属性 ,另外 ,还 有 一 些 数据 库 的 操作 方法 。 和 ExecuteResder (+ 1 重 暴 ) 
。 ExecuteNoQuery() 方 法 是 执行 SQL 语 | 本 PrepareCommand (+ 1 重 级 ) 


四] 
| 
' 
! 
| 
| 
| 
| 
| 
] 
| 
| 
| 
| 
| 
| 
| 


J 


二 ExecuteScalar (+ 1 重 教 ) 
句 或 者 存储 过 程 后 ,返回 受 影响 的 行 数 。 “~ 站 
ExecuteScalar() 方 法 也 是 执行 SQL 语句 
或 者 存储 过 程 后 ,返回 第 一 行 的 第 一 列 ， 
比如 插入 新 记录 ,需要 返回 自 增 的 ID。 


PrepareCommand() 方 法 是 构建 一 个 Command 对 象 供 类 的 内 部 方法 调 


6-22 ”SqlHelper 类 的 类 图 


dj 。 


ExecuteReader() 方 法 也 是 执行 SQL 语句 或 者 存储 过 程 后 ,返回 一 个 DataReader。 
ExecuteDataSet() 方 法 是 执行 SQL 语句 或 者 存储 过 程 后 ,返回 一 个 DataSet。 


它 有 两 


个 重 载 方法 ,其 中 传 params object[ ] parameterValues 类 型 参数 的 方法 会 自动 获取 


存储 过 程 的 参数 名 ,只 需要 传 参数 值 即 可 ,使 用 起 来 非常 方便 。 


(4) 用 户 注 册 数 据 访问 层 的 编写 ,在 BookShopDAL 项 目 中 新 建 类 文件 UserService. cs、 
UserStateService. cs 和 UserRoleService. cs, 限 于 篇 幅 , 这 里 只 列 出 UserService. cs 的 代码 。 
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下 面 介 绍 UserService. cs 类 中 重要 方法 的 实现 代码 。 
增 一 一 添加 新 用 户 (AddUser) ,返回 添加 后 的 用 户 对 象 , 代 码 如 下 : 


/// < summary> 
/// 添加 新 用 户 ,返回 添加 后 的 用 户 对 象 
/// </summary> 
/// <param name = "user"></param> 
/// <returns></returns> 
public void AddUser (User user) 
{ 
string sql = "INSERT Users (LoginId, LoginPwd, Name, Address, Phone, Mail, UserRolelId, 
UserStateId)" +"VALUES (@LoginId, @Loginpwd, @Name, @Address, @Phone, 
@Mail, @UserRoleId, @UserStateId)"; // 拼 接 SQL 语句 
sql += " ; SELECT @(@IDENTITY"; // 获 取 最 新 添加 的 用 户 ID 
SqlParameter[ ] para = new SqlParameter[] 
{ 
new SqlParameter("(@UserStateId", user.UserState. Id),，//FK( 外 键 ) 
new SqlParameter("@UserRoleId"，user. UserRole. Id)， //FK 
new SqlParameter("@LoginId", user.LoginId), // 将 user 对 象 的 属性 作为 参数 
new SqlParameter("@LoginPwd"，user. LoginPwd)， 
new SqlParameter("@Name"，user. Name), 
new SqlParameter("(@Address", user. Address), 
new SqlParameter("(@Phone", user.Phone), 
new SqlParameter("@Mail", user.Mail) 
}; 
user. Id = Convert. ToInt32(SqlHelper. ExecuteScalar (this. connection, CommandType. Text, 
sql, para)); 
有 


删 一 一 一 般 情 况 下 ,删除 也 是 针对 单一 用 户 的 操作 ,根据 Id 删除 (DeleteUserById) 的 
代码 如 下 : 


/// < summary> 
/// 根据 id 删除 用 户 
/// </summary> 
/// <param name = "id"></param> 
public bool DeleteUserById( int id) 
string sql = (@"DELETE OrderBook WHERE OrderID IN(SELECT Orders. Id FROM Orders 
INNER JOIN Users ON Orders. UserId = Users. Id WHERE UserId= @Id) 
DELETE Orders where UserId= @Id 
DELETE Users WHERE Id = @Id"; 
SqlParameter[ ] para = new SqlParameter[] 
| 
new SqlParameter("@Id"，id) 
}; 
return SqlHelper. ExecuteNoQuery(this. connection, CommandType. Text, sql, para) > 0; 
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改 一 一 修改 用 户 状态 (ModifyUserState) 的 代码 如 下 : 


/// < summary> 
/// 更 改 会 员 状 态 
/// </summary> 
/// <param name = "id"></param> 
/// <param name = "status"></param> 
public bool ModifyUserState( int id, UserStates state) // 以 用 户 状态 为 参数 
{ 

// 执 行 拼接 的 SQL 语句 ,更 新 数据 库 对 应 列 

string sql = "Update users SET userstateid =" + Convert.ToByte(state) + " WHERE Id = 
@UserId"; 

return SqlHelper. ExecuteNoQuery( this. connection, CommandType. Text, sql, 

new SqlParameter("(@UserId", 

id)) > 0; 
不 


查 一 一 以 执行 SQL 语句 查询 (GetUsersBySql) 和 查询 所 有 用 户 (GetUsers) 的 方法 代码 


/// < summary> 
/// 依据 sql 语句 查询 用 户 
///private 方 法 ,提供 用 于 执行 的 SQL 语句 并 返回 User 对 象 集合 的 方法 ,该 方法 不 对 业务 逻辑 层 
/// 公 开 , 仅 供 数据 访问 层 内 部 调用 
/// </summary> 
/// <param name = "safeSql"> </param> 
/// <returns></returns> 
private List < User > GetUsersBySql(string safeSql) 
{ 
List< User> list = new List<User>(); 
DataSet ds = SqlHelper. ExecuteDataset(this. connection, CommandType. Text, safeSql); 
if (ds. Tables. Count > 0) 
DataTable dt = ds.Tables[0]; 
foreach (DataRow row in dt. Rows) 
User user = new User(); 
user.Id = (int)row["Id"]; 
user. LoginId = (string)row["LoginId"]; 
user. LoginPwd = (string)row["LoginPwd"]; 
user. Name = (string)row["Name"]; 
user. Address = (string)row["Address"]; 
user. Phone = (string)row["Phone"]; 
user. Mail = (string)row["Mail"]; 
user. UserState = new UserStateService ( ). GetUserStateById (( int) row[" 


UserStateId" ] ) ; //FK 
user. UserRole = new UserRoleService ( ). GetUserRoleById (( int) row[" 
UserRoleId" ]); //FK 


list. Add(user); 
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A 


} 
i 


return list; 


) 


/// < summary> 

/// 查询 所 有 用 户 

/// </summary> 

/// <returns></returns> 

public List< User > GetUsers() 

{ 
string sqlAll = "SELECT * FROM Users"; // 返 回 所 有 用 户 的 SQL 语句 
return GetUsersBySql(sqlAll); 

); 


上 面 的 增 \ 删 \ 改 、 查 在 本 任务 中 只 会 用 到 AddUser() ,其 他 方法 列 出 是 为 了 示范 说 明 ， 
当然 ,在 以 后 的 任务 中 会 陆续 用 到 。 


3. 用 户 注册 业务 逻辑 层 的 实现 


业务 四 辑 层 是 表示 层 与 数据 访问 层 的 桥梁 ,负责 业务 处 理 和 数据 传递 。 该 部 分 的 方法 
一 般 与 实际 需求 相关 ,如 “新 知 书店 ”的 用 户 注 册 ,实际 上 不 仅仅 是 添加 一 条 记录 那么 简单 的 
事情 , 它 还 包含 了 验证 登录 名 LoginId 是 否 已 存在 等 业务 迎 辑 。 

(1) 类 的 命名 。 业 务 迎 辑 层 里 面 的 类 也 是 与 模型 层 中 的 类 相对 应 的 一 系列 类 ,一 般 命 
名 为 实体 类 十 Manager, 如 用 户 处 理 的 类 就 命名 为 UserManager。 

(2) 业务 逻辑 层 里 面 类 中 方法 的 编写 。 业 务 逻 辑 层 应 该 提供 哪些 方法 一 般 根据 实际 需 
求 来 确定 ,比如 页 面 上 有 用 户 登 录 的 功能 ,就 可 以 考虑 在 业务 逻辑 层 创 建 一 个 对 应 的 用 户 登 
录 的 方法 ( 像 Login() 这 样 的 方法 不 建议 出 现在 数据 访问 层 , 从 理论 上 说 ,数据 访问 层 应 该 
只 看 到 基本 的 CRUD 操作 ) 。 


/// < summary> 

/// 登录 验证 

/// </summary> 

/// <param name = "loginId"> 登 录 名 </param> 

/// <param name = "loginPwd"> 登 录 密码 </param> 

/// <param name = "validUser"> 输 出 用 户 </param> 

/// < returns > 返回 true 表示 成 功 </returns > 

public bool LogIn(string loginId, string loginpwd，out User validUser) 

{ 
User user = new UserService().GetUserByLoginId(1loginId);// 判 断 用 户 是 否 存 在 
if (user == null) 


validUser = null; // 用 户 名 不 存在 
return false; 
’ 
证 (user. LoginPwd == loginPwd) // 判 断 用 户 的 密码 是 否 输入 正确 
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validUser = user; 
return true; 


else 
. 
validUser = null; // 密 码 错误 


return false; 


} 


这 个 方法 根据 表示 层 (Web) 提 交 过 来 的 用 户 名 和 密码 ,判断 是 否 为 合法 
法 用 户 , 则 返回 true。 这 个 方法 的 形 参 validUser 前 使 用 了 out 关键 字 。 当 某 


户 , 如 果 是 合 
个 方法 需要 有 


多 个 返回 值 时 ,可 以 用 它 来 传递 返回 值 ,out 在 这 里 的 作用 是 返回 一 个 用 户 对 


象 , 即 当 用 户 


合法 时 ,将 该 用 户 对 象 返回 ,以 备 在 表示 层 中 调用 ,比如 将 该 用 户 对 象 的 相关 信息 存 人 


Session 或 者 Cookie。 
如 果 页 面 上 还 
如 下 。 


/// < summary> 
/// 注册 新 用 户 
/// </summary> 
/// <param name = "user"></param > 
/// <returns></returns> 
public bool Register(User user) 
{ 
if (LoginIdExists(user. LoginId)) 
return false; 
» 
else 
| 
AddUser(user); ”// 添 加 用 户 的 方法 


return true; 


1 


需要 有 用 户 注册 功能 ,就 在 业务 好 辑 层 再 创建 一 个 用 户 注 册 的 方法 ,代码 


注册 方法 返回 一 个 布尔 值 , 这 是 因为 注册 时 需要 对 用 户 名 进行 重 名 判断 ,如 果 用 户 名 重 


复 , 则 返回 注册 失败 提示 。 


上 面 的 两 个 方法 都 是 对 业务 逻辑 处 理 ,业务 逻 辑 层 还 常常 在 表示 层 和 数据 访问 层 之 间 


的 传递 数据 ,如 要 返回 所 有 用 户 的 列表 ,可 以 编写 如 下 方法 : 


/// < summary> 

/// 获得 所 有 用 户 

/// </summary> 

/// <returns></returns> 
public List <User > GetUsers() 
{ 
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return new UserService( ). GetUsers(); 
上 


该 方法 没有 业务 逻辑 上 的 处 理 , 但 是 由 于 表示 层 不 可 以 直接 访问 数据 访问 层 的 代码 ,所 
以 该 方法 仅仅 是 调用 了 一 下 数据 访问 层 的 相关 方法 ,为 表示 层 提 供 所 需要 的 数据 。 

鉴于 业务 逻辑 层 起 着 表示 层 和 数据 访问 层 之 间 的 桥梁 的 作用 ,一 般 数据 访问 层 公 开 的 
方法 会 在 业务 逻辑 层 有 个 相对 应 的 方法 。 对 于 GetUsers() 方 法 ,数据 层 是 读 出 Users 表 中 
的 所 有 记录 ,表示 层 是 要 展示 一 个 所 有 用 户 的 列表 ,而 业务 逻辑 层 只 是 它们 中 间 的 桥梁 。 


4. 用 户 注册 表示 层 的 实现 


表示 层 用 于 显示 数据 和 接收 用 户 输入 的 数据 ,为 用 户 提供 一 种 交互 式 操 作 的 界面 , 带 给 
用 户 直接 的 体验 。 可 以 说 前 面 的 几 层 是 基础 ,表示 层 是 最 终 呈 现 。 在 ASP.NET 中 ,表示 层 
就 是 整个 Web 站 点 ,具体 的 内 容 要 根据 需求 的 内 容 而 来 。“ 新 知 书店 ”有 用 户 系统 模块 , 自 
然 就 需要 有 相关 的 用 户 登录 、 注 册 和 管理 等 页 面 ; 图 书 系 统 也 就 要 有 图 书 管理 图 书 列表 和 
图 书 详细 信息 展示 等 页 面 ; 在 线 销售 还 需要 购物 车 、 订 单 管理 等 页 面 。 

在 表示 层 , 如 果 仅仅 供用 户 展现 内 容 , 可 能 只 需要 将 控件 绑 定数 据 即 可 ,不 需要 编写 任 
何 代码 ; 如 果 需 要 和 用 户 交 互 ,就 要 编写 相关 的 事件 代码 。 比 如 在 管理 员 登 录 页 ,管理 员 单 
击 * 登 录 ” 按 钮 的 事件 ,就 需要 进行 用 户 输入 内 容 的 非 空 验证 ,然后 通过 调用 业务 迎 辑 层 的 相 
关 方 法 判断 用 户 名 和 密码 是 否 匹配 ,编写 代码 验证 用 户 的 身份 是 否 为 管理 员 等 。 

用 户 注 册 表 示 层 除了 将 接收 的 用 户 注册 信息 传递 给 业务 好 辑 层 处 理 外 ,还 需要 做 一 系 
列 的 注册 信息 验证 ,比如 各 种 输入 内 容 的 非 空 验证 ,两 次 输入 密码 的 比较 验证 .电子 邮箱 格 
式 的 合法 性 验证 ,以 及 为 防止 系统 被 恶意 注册 要 求 用 户 输入 的 验证 码 等 。 下 面 完成 用 户 注 
册 表 示 层 的 实现 。 

先 在 表示 层 Web 项 目 中 按 任务 5-2-6 的 步骤 完成 母 版 页 common. master 的 设计 ,然后 
基于 母 版 页 创建 用 户 注 册 内 容 页 Register. aspx, 任 务 3-2-3 已 经 编写 过 代码 ,在 此 不 予 
袭 述 。 

编写 用 户 注 册页 面 后 置 代 码 文件 Register. aspx. cs 的 代码 如 下 : 


using BookShop.BLL; 
using BookShop. Models; 
public partial class Register : System. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
i 
snCode. Create( ); 
} 
protected void btnSubmit Click(object sender, EventArgs e) 
| 
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if (!CheckCode()) 
| 
Page. RegisterClientScriptBlock("alert"，"< script > alert( ' 验 证 码 错 误 ! ')</script >"); 
return; 
上 
User user = new User(); 
user.LoginId = this. txtLoginId. Text; 
user. LoginPwd = this. txtLoginPwd. Text; 
user. Name = this. txtName. Text; 
user. Address = this.txtAddress. Text; 
user. Phone = this.txtTele. Text; 
user.Mail = this. txtEmail. Text; 
UserManager manager = new UserManager(); 
if (!manager. Register(user)) 


{ 
Page. RegisterClientScriptBlock("alert", 
"< script > alert(' 用 户 名 已 使 用 ,请 重新 输入 ! ')</script >"); 
else 


Page. RegisterClientScriptBlock("alert", 
"< script > alert( ' 注 册 成 功 ,请 登录 ! ') ;window. location = '../default. aspx'</script >"); 
} 
protected bool CheckCode() 


{ 
if (snCode. CheckSN(txtCode. Text. Trim())) // 判 断 验证 码 输入 是 否 正确 
| 
return true; 
} 
else 
snCode. Create( ); // 如 果 验 证 码 输 入 不 正确 , 则 生成 新 验证 码 
return false; 
上 
} 
} 
用 户 注 册页 运行 效果 如 图 6-23 所 示 ,输入 注册 信息 , 单 击 “ 确 定 了 ,马上 提交 ”按钮 后 将 
提示 注册 成 功 提示 信息 。 
任务 6-2-4 实现 三 层 架 构 下 的 “新 知 书店 ”用 户 登录 功能 
【任务 描述 】 


在 三 层 架 构 下 ,基于 母 版 页 创建 如 图 6-24 所 示 的 用 户 登录 页 并 实现 登录 功能 。 具 体 要 
求 如 下 : 
。 用 户 名 和 和 密码 要 有 非 空 验证 和 数据 验证 ,输入 错误 要 给 出 对 话 框 提示 ; 输入 正确 将 
用 户 跳 转 到 首页 。 
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新 知 书店 - 景 方便 的 网 上 书店 - Windows Internet Explorer 


和 辐 = [@ http:/hocalhost:1252/Web/Register.aspx 国 加 |[x| | 依 百 度 


言 收藏 天 大 新 河 书 店 - 景 方便 的 同上 书店 画 


XINZHI BOOKS 


http://kmxzts.tmall.com 首页 购物 车 | 必 酚 加 | 购 密 大 程 ”在线 窜 服 ”积分 交换 ”管理 和 口 | 帮助 


奴 现 在 的 位 置 : 


县 而 多 的 购物 监 是 宝 的 


亡 nm 


查看 所 有 分 类 >> 


回 戎 计算 机 


天 计算 机 等 天 考试 
和 计算 机 理论 sRPS 加 
> RBs 开发 

日 > 往 序 汪 计 “RE 项 二 5-12 个 字符 未 淮 字 蛆 或 ， 可 用 中 广 
‘Tm leeeeee 


局 本 地 Intranet 


图 6-23 ”用户 注 册页 面 效 果 图 


。 用 户 选 中 “在 此 计算 机 上 保留 我 的 密码 ”时 ,客户 端 保存 用 户 信 息 ; 页 面 加 载 时 , 判 


断 客户 端 保存 的 信息 。 如 果 已 保存 , 则 给 出 提示 。 
。 用 户 单 击 “ 还 没有 注册 ?” 链 接 时 ,将 跳 转 到 注册 页 面 。 
【任务 实施 】 


1. 用 户 登 录 数据 访问 层 的 实现 


当 用 户 登录 系统 时 ,将 用 户 输入 的 登录 名 提交 数据 库 进行 查询 ,如 果 查 询 的 登录 名 存 


在 ,返回 一 个 用 户 对 象 ,不 存在 则 返回 null。 


在 BookShopDAL 项 目 中 的 UserService. cs 类 中 ,定义 一 个 根据 登录 名 查询 用 户 的 方 


法 ,具体 代码 如 下 。 


using BookShop. Models; 
using System. Configurat ion; 
namespace BookShop. DAL 

{ 

public class UserService 

{ 
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string connection = ConfigurationManager. ConnectionStrings["BockShop" ]. ConnectionString'; 
/// < summary> 

/// 根据 登录 名 查询 用 户 

/// </summary> 

/// <param name = "loginId"></param> 

/// <returns></returns> 

public User GetUserBYLoginId( string loginId) 


J 
string sql = "SELECT * FROM Users WHERE LoginId = @LoginId"; 
int userStatelId; 
int userRoleld; 
User user = null; 
using (SqlDataReader reader = SqlHelper. ExecuteReader(this. connection, 
CommandType. Text, sql, new SqlParameter("(@LoginId", loginId))) 
!l 
if (reader. Read()) 
{ 
user = new User(); 
user.Id = (int)reader["Id"]; 
user.LoginId = (string)reader["LoginId"]; 
user.LoginPwd = (string)reader["LoginPwd" ]; 
user. Name = (string)reader["Name"]; 
user. Address = (string)reader["Address"]; 
user. Phone = (string)reader["Phone"]; 
user.Mail = (string)reader["Mail"]; 
userStateId = (int)reader["UserStateId"]; //FK 
userRoleId = (int)reader["UserRoleId"]; //FK 
reader. Close( ); 
user. UserState = new UserStateService().GetUserStateById(userStateId); 
user. UserRole = new UserRoleService().GetUserRoleById(userRoleId); 
} 
} 
return user; 
} 


} 


代码 中 的 证 语句 先 构造 了 一 个 user 对 象 ,其 属性 值 依 次 被 赋值 为 数据 库 中 查找 到 的 某 
条 记录 的 各 个 字段 值 ,然后 将 该 user 对 象 返回 。 


2. 用 户 登 录 业 务 逻 辑 层 的 实现 


在 业务 逻辑 层 创建 一 个 对 应 的 用 户 登录 方法 ,接收 表示 层 (Web) 提 交 过 来 的 登录 名 和 
密码 ,判断 是 否 为 合法 用 户 。 如 果 是 合法 用 户 , 返 回 True, 和 否则 返回 false, 具 体 实 现代 码 在 
任务 6-2-3 讲解 用 户 注 册 业 务 逻 辑 层 的 实现 时 已 经 编写 过 ,方法 为 public bool LogIn(string 
loginId，string loginPwd, out User validUser) ,此 处 不 再 列 出 。 这 个 方法 的 形 参 validUser 
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前 使 用 了 out 关键 字 , 要 注意 它 的 作用 。 
3. 用 户 登 录 表 示 层 的 实现 


用 户 单 击 “ 登 录 ” 按 钮 的 事件 ,就 需要 进行 用 户 输入 内 容 的 非 空 验证 ,然后 通过 调用 业务 
逻辑 层 的 相关 方法 判断 用 户 名 和 和 密码 是 否 匹配 ,编写 代码 验证 用 户 的 身份 。 这 里 为 了 减轻 
服务 器 的 负担 ,把 前 台 的 非 空 验证 交 由 JavaScript 编写 的 客户 端 代码 来 完成 (如 果 读 者 没有 
系统 学 习 过 JavaScript 相关 知识 ,可 以 不 予 理 会 .只 要 采用 前 面 介绍 过 的 验证 控件 给 予 实现 
即 可 )。 为 了 实现 用 户 登录 ,首先 在 Web 项 目 中 基于 母 版 页 common. master 创建 用 户 登录 
内 容 页 UserLogin. aspx, 代 码 如 下 。 


< asp:Content ID = "Content1" ContentPlaceHolderID = "cphHeader" runat = "Server"> 
< link href = "Css/member.css" rel = "stylesheet" type = "text/css" /> 
</asp:Content > 
<asp:Content ID = "Content2" ContentPlaceHolderID = "cphContent" runat = "Server"> 
< script type = "text/javascript">//< script > 代码 块 用 于 实现 用 户 名 、 密 码 的 客户 端 非 空 验证 
function ValidateForm() { 
var txtLoginId = document. getElementBYId('<$% = txtLoginId.ClientID %>'); 
var txtLoginPwd = document. getElementById('<% = txtLoginPwd.ClientID %>'); 
证 (txtLoginId. value == "") { 
alert(' 请 输入 用 户 名 ! '); 
return false; 
} 
else if (txtLoginPwd.value == "") { 
alert(" 请 输入 密码 !"); 
return false; 
} 
return true; 
1 
document. forms[0]. onsubmit = function () { 
if (ValidateForm() == false) { 
return false; 
} 
else{ 
document. forms[0]. submit(); 
} 
i 
</script > 
<div id= "action area" class = "member form"> 
<h2 class = "action type">< img src = "Images/login in.gif" alt = "会 员 登 录 " /></h2 > 
<pclass = "state"> 欢 迎 光 临 新 知 书店 网 站 !< br /> 您 可 以 使 用 新 知 书店 的 用 户 名 ,直接 登录 .</p> 
<p> 
<label > 用 户 名 </label> 
< asp:TextBox ID = "txtLoginId" runat = "server" CssClass= "opt_input"></asp:TextBox > 
</p> 
<p> 
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< label > 密 &# 160;&# 160;&#160;&#160; 码 </label > 
<asp:TextBox ID = "txtLoginPwd" runat = "server" 
TextMode = "Password"CssClass = "opt_input"></asp:TextBox> 
</p> 
< p class = "form_sub">< input type = "checkbox" name = "" checked = "checked" /> 
在 此 计算 机 上 保留 我 的 密码 </p> 
<Pp class = "form sub"> 
< asp: Button runat = " server" ID = "btnLogin" CssClass = "opt_sub" Text = "登录 " 
TabIndex= "1" 
OnClick = "btnLogin Click" /> 
<a href = "Register. aspx"> 还 没有 注册 ?</a></p> 
</div> 
</asp:Content > 


编写 用 户 登录 页 面 后 置 代 码 文件 UserLogin. aspx. cs 中 单 击 “登录 ”按钮 事件 方法 代码 
如 下 : 


using BookShop. BLL; 
using BookShop. Models; 
public partial class UserLogin : System. Web. UI. Page 
const string strErrorUser = "用 户 名 或 密码 不 正确 ,请 重新 填写 !"; 
protected void btnLogin Click(object sender, EventArgs e) 
{ 
User user; 
UserManager manager = new UserManager(); 
if (manager. LogIn(this. txtLoginId. Text, this. txtLoginPwd. Text, out user)) 


| 
Session["CurrentUser"] = user; 
if (Request. QueryString[ "ReturnUrl"] != null) 
{ 
Response. Redirect (Request. QueryString[ "ReturnUrl"]. ToString( )); 
} 
Response. Redirect("~ /default. aspx" ); 
else 
1 


Page. ClientScript. RegisterClientScriptBlock(this. GetType (), "alert", 
"< script >alert('" + strErrorUser + "') 
</script >"); 
3 
} 
上 


用 户 登 录 页 运行 效果 如 图 6-24 所 示 ,页 面 样式 ` 外 观 控制 代码 参见 配套 的 教学 资源 源 
代码 。 
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SO a htp:/Mocalhost:1252/Web/UserLogin.aspx 加 |[x| [2 百 庄 区 
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图 6-24 “新 知 书店 ”用 户 登 录 页 面 


6.3 项 目 实 训 


1. 搭建 “博客 系统 "三 层 架构 


【需求 说 明 】 

。 参照 任务 6-2-2, 完 成 “博客 系统 "三 层 架 构 的 搭建 ,模型 层 的 实体 类 名 与 数据 库 中 的 
表 名 相对 应 ,效果 如 图 6-25 所 示 。 

2. 实现 三 层 架构 下 的 “博客 系统 ”登录 功能 

【需求 说 明 】 

。 在 母 版 页 中 ,用 户 输入 用 户 名 和 密码 ,系统 检测 用 户 是 否 存 在 。 如 果 存 在 , 则 转 入 首 

页 ; 如 果 不 存在 , 则 提示 错误 信息 。 

当 用 户 处 于 未 登录 状态 ,界面 如 图 6-26 所 示 ,登录 后 如 图 6-27 所 示 。 


后 解 决 方案 MyBlog (4 个 项 目 ) 


六 G:\..….\MyBlog\ 
6 国 MyBlogBLL 


国 MyBlogDAL 
i 
由 国 propertles 用 户 登 录 iLogin 用 户 生 录 iLogin 
六 四 引用 天 要 开 允 到 
向 bin 用 户 各 : pies 
条 二 害 玛 : 文章 首 理 

国 Artidecs ~ i 
Commentcs rm 


… 狼 User.cs 


图 6-25 “博客 系统 ”的 三 层 架构 图 6-26 登录 前 图 6-27 登录 后 
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提示 : 编写 各 层 中 实现 用 户 登 录 且 验证 的 代码 ,登录 SQL 语句 可 以 使 用 存储 过 程 或 参 
数 化 SQL ,登录 成 功 后 ,用 Session 存储 用 户 名 和 密码 。 


3. 实现 三 层 架 构 下 的 “博客 系统 "会 员 注册 功能 


【需求 说 明 】 

输入 如 下 信息 ,实现 “博客 系统 "会 员 注 册 功 能 。 

。 用 户 名 : 要 求 输入 6 一 18 位 的 字符 ,用 户 名 只 能 由 英文 .数字 及 下 划 线 组 成 。 
。 密码 : 要 求 输入 6 一 18 位 的 字符 ,密码 只 能 由 英文 .数字 组 成 。 

。 确认 密码 : 与 上 面 的 密码 保持 一 致 。 

。 E-mail: 必须 包含 @ 字 符 。 

， QQ 和 了 昵称 。 


6.4 单元 小 结 


本 单元 介绍 了 ADO.NET 的 两 个 组 成 部 分 一 一 .NET 数据 提供 程序 和 DataSet 数据 
集 ,并 着 重 讲解 了 SqlCommand 对 象 .DataSet 数据 集 、SqlDataAdapter 对 象 DataTable 数 
据 表 、DataReader 的 使 用 与 技巧 ,为 更 好 地 理解 数据 的 操作 打下 坚实 的 基础 ; 对 三 层 架 构 进 
行 了 详细 介绍 与 设计 。 本 单元 知识 体系 如 图 6-28 所 示 。 
使 用 Connection 连 接 数 据 库 
图 使用 Command 对 象 执行 数据 库 命令 


使 用 DataReader 对 象 专 行 数据 库 命令 
使 用 DataSet 和 DataAdapter 对 象 实现 断 开 式 数据 库 操 作 


—ADONET SS 


坊 写 普通 立体 的 代码 
模型 层 S| 加 综 写 有 外 键 实体 的 代码 
编写 增 .出 . 改 . 查 的 代码 
殖 所 访问 县 志 ,加 添加 Models 层 引用 
编写 公用 至 据 访问 类 SqlHelper 
三 展架 构 体系 已 创建 业务 层 类 库 
添加 DAL、Models 展 引用 
业务 下 入 层 S| 图 编写 登录 和 注册 代码 
网 上 书店 系统 架构 调用 数据 访问 层 交 现 增 . 删 . 改 . 埋 功能 
描 奸 文件 夹 结构 
表示 层 加 添加 BLL，DAL_Models 层 引用 


图 如 录 信息 的 验证 
实现 “ 困 知 书店 ”的 登录 S| 回 捕获 并 处 理 侣 录 失 数 的 异 误 
-本 录 和 注册 功能 二 用 户 输 入 信息 的 验证 


封装 实体 (外 键 对 象 的 封 鞭 ) 
区 现 “新知 书店 " 的 注册 | 


实现 “新知 书店 ”首页 图 蔬 类 到 嘲 示 C 


6-28 数据 库 访 问 及 网 上 书店 系统 架构 知识 体系 
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和 


单元 练习 题 


一 、 选 择 题 


1 


(  ) 对 象 用 于 从 数据 库 中 获取 仅 向 前 的 只 读数 据 流 , 并 且 在 内 存 一 次 只 能 存放 一 


行 数据 。 此 对 象 具 有 较 好 的 功能 ,可 以 简单 地 读 取 数 据 。 


A. DataAdapter B. DataSet C. DataView D. DataReader 

2. Command 对 象 执行 查询 语句 时 ,调用 ( ) 方 法 会 返回 结果 集中 的 第 一 条 记录 的 
第 一 个 字段 的 值 。 

A. ExecuteNoQuery B. ExecuteReader 

C. ExecuteScalar D. ExecuteXmlReader 

3. 如果 要 从 数据 库 中 获取 多 行 记录 ,应 该 使 用 Command 对 象 的 ( ) 方 法 。 

A. ExecuteNoQuery B. ExecuteReader 

C. ExecuteScalar 

4. 如 果 要 对 数据 库 执行 修改 插入 和 删除 操作 ,应 该 使 用 Command 对 象 的 ( ) 
方法 。 

A. ExecuteNoQuery B. ExecuteReader 

C. ExecuteScalar 

5.( ) 是 开发 人 员 要 使 用 的 第 一 个 对 象 , 要 求 用 于 任何 其 他 ADO .NET 对 象 之 前 。 

A， CommandBuilder 对 象 B. 命令 对 象 

C. 连接 对 象 D. DataAdapter 对 象 

(i ) 表 示 一 组 相关 表 , 在 应 用 程序 中 这 些 表 作 为 一 个 单元 被 引用 。 使 用 此 对 象 可 
以 快速 从 每 一 个 表 中 获取 所 需 的 数据 , 当 服 务 器 断 开 时 检查 并 修改 数据 ,然后 在 下 一 次 操作 
中 就 使 用 这 些 修 改 的 数据 更 新 服务 器 。 

A. DataTable 对 象 B. DataRow 对 象 

C.DataReader 对 象 D. DataSet 对 象 

7. 数据 适配器 DataAdapter 填充 数据 集 的 方法 是 ( 网 

A. Fill B. GetChanges C. AcceptChanges D. Update 

8. 如 果 Command 对 象 执行 的 是 存储 过 程 ,其 属性 CommandType 应 取 ( » 

A. CommandType. Text B. CommandType. StoredProcedure 

C. CommandType. TableDirect D. 没有 限制 

9. 如 果 和 希望 将 FlightNumber 字段 的 值 在 包含 信息 字段 的 表 的 第 一 个 二 td 二 元 素 中 显 


示 , 你 要 在 表格 的 二 td 记 元 素 添加 ( ) 代 码 以 显示 FlightNumber 字段 。 
A. <td><=%=FlightNumber%>></td> 


B 
C 


. td>=script runat= "server">FlightNumber< /script><=/td> 
. <td><script>document. write("FlightNumber");</scripts><=/td> 


D. =td>=FlightNumber=/td> 
10. 现在 需要 在 使 用 三 层 架 构 搭 建 的 某 网 上 专卖 店 的 网 站 上 增加 一 个 满 1000 送 200 
的 促销 方案 ,在 ( ) 实 现 是 最 佳 方式 。 
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A. 模型 层 B. 表示 层 C. 数据 访问 层 D. 业务 逻辑 层 
11. 在 ASP.NET 中 , 若 创建 一 个 用 户 登录 页 面 , 使 用 用 户 表 Users(Name,PassWord) 
中 的 数据 ,要 求 使 用 三 层 架 构 实 现 , 下 列 说 法 ( ) 是 错误 的 。 
A. 模型 层 通常 包含 与 Users 表 相 对 应 的 实体 类 
B. 数据 访问 层 封装 了 与 Users 表 相 关 的 增 、 删 \ 改 、 查 的 操作 
C. 判断 输入 账号 是 否 合法 的 方法 必须 在 表示 层 实现 
D. 表示 层 负责 内 容 的 展示 和 与 用 户 的 交互 
12. 下 列 说 法 不 正确 的 是 ( Ye 
数据 访问 层 需要 添加 模型 层 的 引用 
业务 逻辑 层 需要 添加 数据 访问 层 的 应 用 
表示 层 需 要 添加 数据 访问 层 `. 业 务 逻 辑 层 和 模型 层 的 引用 
模型 层 需要 添加 数据 访问 层 的 引用 
、 问 答题 
1. 列举 常见 的 数据 提供 者 ,并 且 简 单 介绍 对 应 的 命名 空间 及 作用 。 
2. 分 别 说 明 SqlCommand 对 象 的 ExecuteReader()、ExecuteNoQuery() 和 ExecuteScalar() 
方法 的 作用 。 
3. 简 述 DataSet 与 DataTable 的 区 别 与 联系 。 
4. 简 述 SqlDataAdapter 对 象 查询 数据 库 数 据 的 步骤 。 
5. 使 用 分 层 架 构 应 遵守 哪些 原则 ? 


I195 Amr 


数据 绑 定 技术 | 


教学 目标 : 

了 解数 据 绑 定 的 类 型 特性 等 相关 概念 。 
掌握 数据 绑 定 的 不 同方 法 。 

掌握 数据 源 控 件 的 使 用 。 

掌握 常用 控件 的 数据 绑 定 。 


€.1 知识 准备 


7.1.1 数据 绑 定 


在 ASP.NET 中 ,服务 器 控件 可 以 直接 与 数据 源 进 行 交 互 ( 如 显示 或 修改 数据 ),ASP . 
NET 称 这 种 技术 为 数据 绑 定 技术 。 它 可 以 把 Web 窗 体 页 (包括 其 控件 或 其 他 元 素 ) 和 数据 
源 无 颖 地 连接 到 一 起 ,增强 页 与 数据 源 的 交互 能 力 。 数 据 绑 定 表达 式 的 语法 格式 为 : 


< 井 数据 源 $> 


数据 绑 定 允许 在 控件 的 声明 代码 中 为 控件 的 某 个 属性 指定 一 个 绑 定 表 达 式 ,从 而 将 表 
达 式 的 内 容 与 该 控件 进行 绑 定 。 根 据 数 据 源 的 不 同 ,数据 绑 定 技术 可 以 分 为 简单 数据 绑 定 
技术 和 复杂 数据 绑 定 技术 。 

1. 简单 数据 绑 定 技术 

简单 数据 绑 定 一 般 只 绑 定 单个 值 到 某 个 控件 ,所 以 数据 源 可 以 是 表达 式 、 变 量 方法 、 控 
件 的 属性 等 。 

(1) 当 绑 定 到 Label、TextBox 等 控件 时 ,需要 将 绑 定 表达 式 赋值 给 控件 的 Text 属性 : 


ext = '<%%# 数 据 源 名 >' 


(2) 采用 数据 绑 定 技术 还 可 以 使 用 JavaScript 调用 C# 定 义 的 变量 和 方法 ,此 时 可 以 将 
绑 定 表达 式 赋值 给 一 个 JavaScript 变量 : 


var a= < 名 不 数据 源 名 >' 
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【示例 7-1】 简单 数据 绑 定 的 应 用 。 
(1) 创建 一 个 名 字 为 ch07 的 站 点 ,在 站 点 中 创建 文件 SimpleDataBindDemo. aspx。 
(2) 切换 到 页 面 SimpleDataBindDemo. aspx 的 设计 视图 , 拖 放 4 个 Label 控件 至 页 面 ， 


切换 到 源 视图 ,编写 JavaScript 代码 ,并 分 别 为 4 个 Label 控件 的 Text 属性 编写 数据 绑 定 


表达 


式 , 代 码 如 表 7-1 所 示 。 


表 7-1 页 面 ConnectionDemo. aspx 的 代码 


行 号 代 码 页 

01 <head id= "Head1" runat = "server"> 

02 <title > 简单 绑 定 </title> 

03 < script type = "text/javascript"> 

04 vara = '<$%S#str$%>'; 

05 varb = '<%#func() %>'; 

06 document. write(" 数 据 绑 定 技术 可 以 使 用 javascript 调用 ”+ a); 

07 document. write(" 以 及 " + b); 

08 </script > 

09 </head> 

10 <body> 

11 <form id= "forml" runat = "server"> 

12 “可 以 绑 定 表 达 式 ,显示 当前 时 间 为 :< asp:Label ID = "Labell" runat = "server" 

13 Text = '<% #DateTime. Now. ToString() %>'></asp:Label >< br /> 
14 可 以 绑 定 :<asp:Label ID = "Label2" runat = "server" Text = '<%#str%>></asp:Label >< 

br /> 
15 可 以 绑 定 :< asp: Label ID = "Label3" runat = " server" Text = '<% # func()%>'></asp: 
Label ><br /> 

16 ”可 以 绑 定 控件 的 属性 值 :< asp:Label ID = "Label4" runat = "server" 

17 Text = '<% #Labell. Text % >'></asp:Label >< br /> 

18 </form> 

19 </body> 

20 </html > 


(3) 在 SimpleDataBindDemo. aspx. cs 文件 中 编写 如 下 代码 : 


public partial class Default : System. Web. UI. Page 

| 
public string str = "C# 语 言 定 义 的 变量 "; 
protected void Page_Load(object sender, EventArgs e) 


Page. DataBind( ) ; 
} 
public string func() 
! 
return "C# 语 言 定义 的 方法 "; 
} 
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(4) 浏览 该 页 面 ,结果 如 图 7-1 所 示 。 


“ 简单 绑 定 - Windows Internet Explo... - 0 x 


FD” |e http://localhost:12934/d 司 国 多 ] | 用 百度 
寓 收 藏 赤 “| 面 简单 六 定 国 | 


数据 绑 定 技术 可 以 使 用 javascript 半 用 Cs 语言 定义 的 变 
量 以 及 C#i 语 言 定义 的 方法 


可 以 绑 定 表达 式 ， 显 示 当 前 时 间 为 2014-2-2 18:39:19 
可 以 绑 定 :C# 语 言 定义 的 变量 

可 以 绑 定 :C# 青 言 定义 的 方法 

可 以 绑 定 控件 的 属性 值 :22014-2-2 18:39:19 


图 7-1 简单 数据 绑 定 示例 


简单 数据 绑 定 需要 注意 以 下 几 点 : 

(1) 数据 绑 定 表达 式 不 会 自动 计算 它 的 值 , 除 非 它 所 在 的 页 或 者 控件 显 式 地 调用 了 
DataBind() 方 法 ,DataBind() 方 法 能 够 将 数据 源 绑 定 到 被 调用 的 服务 器 控件 及 其 所 有 子 控 
件 。DataBind() 是 Page 和 所 有 服务 器 控件 的 方法 ,通常 在 Page_Load 事件 中 被 调用 。 可 将 
案例 7-1 中 的 “Page. DataBind(); ”语句 注释 掉 , 再 看 一 下 运行 结果 。 

(2) 绑 定 变 量 和 方法 的 返回 值 时 ,该 变量 和 方法 必须 声明 为 public 或 protected 类 型 ， 
否则 会 提示 错误 :“X X xX 不 可 访问 ”, 因 为 它 受 保护 级 别 限制 。 

(3) 如 果 数 据 绑 定 表达 式 中 使 用 了 双 引 号 , 则 二 鉴 并 数 据 源 % 过 的 最 外 层 要 用 单 引 号 ， 
否则 会 提示 “服务 器 标记 的 格式 不 正确 ”的 错误 信息 ,其 他 情况 下 使 用 双 引 号 或 者 单 引 号 都 
可 以 。 将 下 面 语句 的 单 引号 改 成 双 引 号 即 可 得 到 印证 。 


<asp:Label ID = "Label1" runat = "server" Text = "<% 并" 单 引 号 还 是 双 引 号 ?" #%>'></asp:Label> 
2. 复杂 的 数据 绑 定 技术 


复杂 绑 定 就 是 将 多 个 值 绑 定 到 数据 绑 定 控件 的 某 个 属性 上 。 拥 有 多 个 值 的 数据 源 有 集 
合 .DataTable、DataSet 等 ,后续 章节 将 分 别 介绍 。 
复杂 绑 定时 ,需要 在 前 台 将 绑 定 表达 式 赋 值 给 控件 的 DataSource 属性 : 


DataSource = '< 当 # 数 据 源 $>'" 
或 者 在 后 台 将 数据 源 赋值 给 控件 的 DataSource 属性 : 
控件 名 .DataSource= 数据 源 


【示例 7-2】 复杂 数据 绑 定 的 应 用 

(1) 在 站 点 ch07 中 创建 页 面 文件 ComplexBindDemo. aspx。 

(2) 切换 到 页 面 ComplexBindDemo. aspx 的 设计 视图 , 拖 放 1 个 ListBox 控件 至 页 面 ， 
切换 到 源 视 图 ,编写 如 下 所 示 代 码 : 
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< body> 
< form id= "forml”runat = "server"> 
< asp:ListBox ID = "lbColor" runat = "server" Rows = "6" Width = "200px" AutoPostBack = 
"True" 
OnSelectedIndexChanged = "lbColor_SelectedIndexChanged"> 
</asp:ListBox> 
</form> 
</body> 


(3) 编写 ComplexBindDemo. aspx. cs 文件 中 代码 如 表 7-2 所 示 。 
表 7-2 页 面 ComplexBindDemo. aspx 的 后 台 cs 文件 代码 


行 号 代 码 页 
01 protected void Page Load(object sender, EventArgs e) 
| 
03 ArrayList cls = new ArrayList(); 
04 证 (!IsPostBack) 
05 { 
06 // 创 建 颜色 数组 
07 cls. Add( "Red"); 
08 cls. Add( "Blue"); 
09 cls. Add( "Green" ); 
10 cls. Add( "Black" ); 
11 cls. Add("Yellow"); 
了 cls. Add( "Gray"); 
13 // 把 cls 设置 为 ListBox 控件 lbcolor 的 数据 源 ,并 绑 定 控件 的 数据 
14 lbColor. DataSource = cls; 
25 lbColor. DataBind( ); 
16 } 
17 
18 
19 protected void lbColor_ SelectedIndexChanged(object sender, EventArgs e) 
20 { 
21 if (lbColor. SelectedIndex > —1) 
22 { // 把 控件 的 前 景 颜色 设置 为 选择 项 的 颜色 
23 lbColor. ForeColor = Color.FromName(1bColor. SelectedItem. Text); 
24 } 
25 } 


定义 了 SelectedIndexChanged 事件 ,该 事件 把 1bColor 控件 的 
前 景 颜色 设置 为 当前 选择 项 所 指定 的 颜色 。 


(4) 浏览 该 页 面 ,结果 如 图 7-2 所 示 。 


本 示例 创建 了 一 个 名 为 cls 的 ArrayList 对 象 ,并 将 其 作 ”攻守 
为 ListBox 控件 对 象 lbColor 的 数据 源 进行 绑 定 ,1bColor 还 | 伟 晤 Mwynoahost129344 轩 | 


空 收藏 交 | 大 大 各 所 二 二 拉 术 | 


3. Eval() 和 Bind() 方 法 


Eval() 和 Bind() 方 法 是 数据 绑 定 的 两 种 重要 方法 。 7-2 复杂 数据 绑 定 示例 
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(1) Eval() 方 法 : 取 属 性 的 名 称 为 参数 ,并 返回 其 内 容 。 它 仅 用 于 只 读 的 单 向 数据 绑 定 
情况 。 它 实现 了 数据 读 取 的 自动 化 ,但 是 没有 实现 数据 写 和 自动化。 其 语法 如 下 : 

< # Eval( 属 性 名 称 ) 名 > 

例如 : 


<asp:Label ID= "st_idLabel" runat = server Text =<% #Eval("st id")%>/> 


上 述 代码 将 st_id 字段 的 值 绑 定 到 Label 控件 st_idLabel 的 Text 属性 上 。 
发 布 时 间 :<% #Eval("DateTime", "{0:yyyy— mm— dd, hh:mm:ss}") %> 
上 述 代码 将 DateTime 字段 的 值 以 “年 -月 -日 ,时 :分 : 秒 ” 的 格式 呈现 在 浏览 器 上 。 
(2) Bind() 方 法 : Bind() 方 法 支持 双向 数据 绑 定 一 一 既 能 把 数据 绑 定 到 控件 ,又 能 把 数 


据 变更 提交 到 数据 库 。 它 实现 了 数据 读 取 的 自动 化 ,也 实现 了 数据 写 人 自动 化 。 语 法 与 
Eval 方法 的 语法 类 似 : 


< 外 井 Bind( 属 性 名 称 ) %>/> 


例如 : 


<asp:TextBox ID = "st_nameTextBox" runat = "server" Text = '<%# Bind("st name") %>'/> 


上 述 代码 将 st_name 字段 的 值 绑 定 到 TextBox 控件 st_nameTextBox 的 Text 属性 上 。 
4. 数据 绑 定 方式 


ASP.NET 提供 了 以 下 两 种 数据 绑 定 方式 。 
(1) 编码 指定 数据 源 ,就 是 编写 代码 在 程序 运行 中 动态 绑 定数 据 源 ,比如 ， 


this. gvMain. DataSource = new UserManager().GetNormalUsers(); 
this. gvMain. DataBind(); 


其 中 ,gvMain 是 数据 绑 定 控件 GridView, 业 务 迎 辑 层 的 GetNormalUsers() 方 法 返回 的 是 
类 型 为 List 二 User 二 的 所 有 正常 用 户 数据 。 

(2) 使 用 数据 源 控件 :数据 源 控件 用 于 实现 从 不 同 数 据 源 ( 数 据 库 、XML 文件 或 业务 好 
辑 层 对 象 ) 获 取 数 据 的 功能 , 它 可 以 设置 连接 信息 .查询 信息 .参数 和 行为 ,这 样 就 可 以 把 指 
定 的 数据 绑 定 到 数据 绑 定 控件 上 。 


7.1.2 数据 源 控件 


ASP.NET 包含 一 些 数 据 源 控件 ,这 些 数据 源 控件 允许 连接 不 同类 型 的 数据 源 , 这 些 数 
据 源 包括 ADO.NET 容器 类 (DataSet .DataTable .DataView) 数据 读 取 器 (DataReader) 、 
中 间 层 业务 对 象 及 自 定义 的 集合 .字典 和 数组 等 。 
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其 实 , 数 据 源 控件 我 们 在 站 点 导航 中 已 经 使 用 过 ,SiteMapDataSource 控件 就 是 数据 源 
控件 。 

所 有 数据 源 控件 都 是 由 System. Web. UI. DataSourceControl 类 派生 而 来 ,图 7-3 是 数 
据 源 控件 类 的 层次 结构 图 。 


Control 类 
DataSourceControl | | HierachicalDataSourceControl 
| SqlDatasource | | ObjectDatasource {| XMLDataSource | | SiteMapDataSource | 
| es 


图 7-3 数据 源 控件 类 的 层次 结构 图 


图 7-3 中 的 普通 数据 源 控件 就 是 DataSourceControl 控件 ,层次 化 数据 源 控件 就 是 
HierachicalDataSourceControl。 表 7-3 列 出 了 ASP.NET 4. 0 中 的 6 个 数据 源 控件 及 其 作 
用 ,在 Visual Studio 的 工具 箱 中 的 ?数据 ?标签 中 可 以 找到 。 


表 7-3 ASP.NET 4.0 内 置 的 数据 源 控件 


数据 源 控件 描 述 

SqlDataSource 支持 绑 定 到 ADO.NET 提供 程序 表示 的 SQL 数据 库 。 与 SQL Server 一 起 使 用 时 支 
持 高 级 缓存 功能 。 当 数据 作为 DataSet 对 象 返回 时 ,此 控件 支持 排序 .筛选 和 分 页 

AccessDataSource “支持 绑 定 到 Microsoft Access 数据 库 。 当 数据 作为 DataSet 对 象 返回 时 ,此 控件 支持 
排序 筛选 和 分 页 

ObjectDataSource “支持 绑 定 到 业务 对 象 或 其 他 类 以 及 创建 依赖 中 间 层 对 象 (业务 逻辑 层 ) 管 理 数据 的 
Web 应 用 程序 。 支 持 对 其 他 数据 源 控件 不 可 用 的 高 级 排序 和 分 页 方案 

SiteMapDataSource 专门 处 理 类 似 站 点 地 图 的 XML 数据 。 默 认 情 况 下 ,数据 源 是 以 . sitemap 为 扩展 名 
的 XML 文件 

XmlDataSource 用 于 检索 和 处 理 XML 等 分 层 数 据 。 它 可 以 从 文件 .URL 或 者 包含 XML 内 容 的 字 
符 串 中 加 载 XML 数据 

LinqDataSource 使 用 语言 集成 查询 (LINQ) 从 数据 对 象 中 检索 和 修改 数据 


这 些 数据 源 控件 将 在 后 续 章 节 和 数据 控件 结合 进行 举例 说 明 
1. SqlDataSource 数据 源 控件 


SqlDataSource 控件 用 于 连接 到 SQL 关系 数据 库 的 数据 源 。 其 中 包括 Microsoft SQL 
Server 和 Oracle 数据 库 以 及 OLE DB 和 ODBC 数据 源 。 将 SqlDataSource 控件 与 数据 绑 
定 控件 一 起 使 用 ,可 以 从 关系 数据 库 中 检索 数据 、 在 ASP.NET 网 页 上 显示 和 操作 数据 。 该 
控件 提供 了 一 个 易于 使 用 的 向 导 , 可 引导 用 户 完成 配置 过 程 ,也 可 以 通过 直接 修改 控件 的 属 
性 ,手动 修改 控件 ,不 必 编 写 代 码 或 只 需 编 写 少量 代码 。 表 7-4 列 出 了 为 SqlDataSource 控 
件 支持 的 数据 库 操作 属性 。 
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表 7-4 SqlDataSource 控件 的 主要 属性 


属 性 说 明 
DeleteCommand 获取 或 设置 SqlDataSource 控件 删除 数据 库 数 据 所 用 的 SQL 命令 
DeleteCommandType 获取 或 设置 删除 命令 类 型 ,可取 的 值 为 Text、StoredProduce, 分 别 对 应 SQL 命 

令 ,存储 过 程 

DeleteParameters 获取 DeleteCommand 属性 所 使 用 的 参数 的 集合 
InsertCommand 获取 或 设置 SqlDataSource 控件 插入 数据 库 数据 所 用 的 SQL 命令 
InsertCommandType 获取 或 设置 插入 命令 类 型 ,可 取 的 值 为 Text 和 StoredProduce 
InsertParameters 获取 InsertCommand 属性 所 使 用 的 参数 的 参数 集合 
SelectCommand 获取 或 设置 SqlDataSource 控件 查询 数据 库 数据 所 用 的 SQL 命令 
SelectCommandType 获取 或 设置 查询 命令 类 型 ,可 取 的 值 为 Text 和 StoredProduce 
SelectParameters 获取 SelectCommand 属性 所 使 用 的 参数 的 参数 集合 
UpdateCommand 获取 或 设置 SqlDataSource 控件 更 新 数据 库 数据 所 用 的 SQL 命令 
UpdateCommandType ”获取 或 设置 更 新 命令 类 型 ,可 取 的 值 为 Text 和 StoredProduce 
UpdateParameters 获取 UpdateCommand 属性 所 使 用 的 参数 的 参数 集合 
DataSourceMode 表明 在 SqlDataSource 控件 检索 数据 时 ,是 使 用 DataSet 还 是 使 用 DataReader 
ProviderName 获取 或 设置 .NET Framework 数据 提供 程序 的 名 称 


2. ObjectDataSource 数据 源 控件 


大 多 数 ASP.NET 数据 源 控件 ,如 SqlDataSource 都 是 在 两 层 应 用 程序 层次 结构 中 使 
用 。 在 该 层次 结构 中 ,表示 层 (ASP.NET 网 页 ) 可 以 与 数据 层 ( 数 据 库 和 XML 文件 等 ) 直 接 
进行 通信 。 但 是 ,常用 的 应 用 程序 设计 原则 是 将 表示 层 与 业务 逻辑 相 分 离 ,而 将 业务 迎 辑 封 
装 在 业务 逻辑 层 (BLL) 中 。 这 些 业 务 对 象 在 表示 层 (UD 和 数据 访问 层 (DAL) 之 间 形 成 一 
层 , 从 而 生成 一 种 3 层 应 用 程序 结构 。 

ObjectDataSource 控件 通过 提供 一 种 将 相关 页 上 的 数据 控件 绑 定 到 中 间 层 业务 对 象 的 
方法 ,为 3 层 结构 提供 支持 。 在 不 使 用 扩展 代码 的 情况 下 ,ObjectDataSource 控件 使 用 中 间 
层 业 务 对 象 以 声明 方式 对 数据 执行 选择 .插入 更新、 删除、 分页、 排序 .缓存 和 筛选 操作 。 
ObjectDataSource 控件 的 主要 属性 如 表 7-5 所 示 。 


表 7-5 ObjectDataSource 控件 的 主要 属性 


属 性 说 明 
DelectMethod 获取 或 设置 由 ObjectDataSource 控件 调用 以 删除 数据 的 方法 或 函数 的 名 称 
DeleteParameters 获取 或 设置 参数 集合 ,该 集合 包含 由 DeleteMethod 方法 使 用 的 参数 
InsertMethod 获取 或 设置 由 ObjectDataSource 控件 调用 以 插入 数据 的 方法 或 函数 的 名 称 
InsertParameters 获取 或 设置 参数 集合 ,该 集合 包含 由 InsertMethod 方法 使 用 的 参数 
SelectMethod 获取 或 设置 由 ObjectDataSource 控件 调用 以 查询 数据 的 方法 或 函数 的 名 称 


SelectParameters 获取 或 设置 参数 集合 ,该 集合 包含 由 SelectMethod 方法 使 用 的 参数 
UpdateMethod 获取 或 设置 由 ObjectDataSource 控件 调用 以 更 新 数据 的 方法 或 函数 的 名 称 
UpdateParameters ”获取 或 设置 参数 集合 ,该 集合 包含 由 UpdateMethod 方法 使 用 的 参数 
FilterExpression 获取 或 设置 当 调 用 由 SelectMethod 属性 指定 的 方法 时 应 用 的 筛选 表达 式 
FilterParameters 获取 或 设置 与 FilterExpression 字符 串 中 的 任何 参数 占 位 符 关联 的 参数 的 集合 
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续 表 
属 性 说 明 
EnableCaching 获取 或 设置 一 个 值 ,该 值 指示 ObjectDataSource 控件 是 否 启用 数据 缓存 
SelectCountMethod ”获取 或 设置 由 ObjectDataSource 控件 调用 以 检索 行 数 的 方法 或 函数 的 名 称 
TypeName 获取 或 设置 ObjectDataSource 控件 要 调用 的 类 的 名 称 


3. SiteMapDataSource 数据 源 控件 


SiteMapDataSource 控件 用 于 ASP.NET 站 点 导航 。 该 控件 检索 站 点 地 图 提供 程序 的 
导航 数据 ,并 将 该 数据 传递 到 可 显示 该 数据 的 控件 。 

站 点 地 图 是 表示 一 个 Web 站 点 中 存在 的 所 有 页 面 和 目录 的 图 ,用 来 向 用 户 展示 他 们 正 
在 访问 的 页 面 的 逻辑 坐标 ,允许 用 户 动态 地 访问 站 点 位 置 , 并 以 图 形 方式 生成 所 有 的 导航 数 
据 。 导 航 数据 包括 有 关 网 站 中 的 页 的 信息 ,如 URL ,标题 \ 说 明和 导航 层次 结构 中 的 位 置 。 
若 将 导航 数据 存储 在 一 个 地 方 , 则 可 以 更 方便 地 在 网 站 的 导航 菜单 中 添加 和 删除 项 。 由 于 
站 点 地 图 是 一 种 层次 性 信息 ,将 SiteMapDataSource 控件 的 输出 绑 定 到 层次 性 数据 绑 定 控 
件 ( 诸 如 TreeView) ,使 它 能 够 显示 站 点 的 结构 。 

站 点 地 图 信息 可 以 以 很 多 种 形式 出 现 , 其 中 最 简单 的 形式 是 位 于 应 用 程序 的 根 目 录 中 
的 一 个 名 为 web. sitemap 的 XML 文件 。SiteMapDataSource 控件 可 以 处 理 存储 在 Web 站 
点 的 SiteMap 配置 文件 中 的 数据 。 


7.1.3 常用 控件 的 数据 绑 定 

下 面 就 以 前 面 章节 中 介绍 过 的 RadioButtonList CheckBoxList 和 DropDownList 控件 
为 例 来 了 解数 据 绑 定 。 

1. RadioButtonList 控件 的 数据 绑 定 


使 用 RadioButtonList 控件 进行 数据 绑 定 之 前 , 先 了 解 一 下 它 的 相关 属性 和 事件 。 
RadioButtonList 控件 的 常用 属性 和 事件 如 表 7-6 所 示 。 
表 7-6 RadioButtonList 控件 的 常用 属性 和 事件 


属性 和 事件 说 明 
AutoPostBack 指示 当 用 户 更 改 列表 中 的 选 定 内 容 时 是 否 自动 产生 向 服务 器 的 回 传 
DataTextField 为 列表 项 提供 文本 内 容 的 数据 源 字 段 
属性 ”| DataValueField 为 各 列表 项 提供 值 的 数据 源 字段 
SelectedIndex 选 定 项 的 索引 
SelectedItem 获取 列表 控件 中 的 选 定 项 
SelectedValue 获取 列表 控件 中 选 定 项 的 值 
事件 | SelectedIndexChanged| 当 列 表 控 件 的 选 定 项 在 信息 发 往 服务 器 之 间 变 化 时 触发 


除 SelectedValue 之 外 ,通过 SelectedItem. Text 和 SelectedItem. Value 可 获得 选择 项 


的 文本 内 容 和 值 。 
【示例 7-3】 实现 RadioButtonList 控件 绑 定 到 数据 库 , 当 选择 RadioButtonList 中 的 


238 


SN 


ASP, NET 网 站 开发 项 目 化 教程 


某 个 学 生 时 ,实时 输出 该 学 生 的 详细 信息 。 

(1) 在 站 点 ch07 中 创建 页 面 文件 RadioButtonListDemo. aspx。 

(2) 切换 到 页 面 RadioButtonListDemo. aspx 的 设计 视图 , 拖 放 1 个 RadioButtonList 
控件 至 页 面 ,切换 到 源 视图 ,编写 如 下 代码 : 


< form id = "forml" runat = "server"> 
<div> 
<asp:RadioButtonList ID = "rblStuInfo" runat = "server" 
OnSelectedIndexChanged = "rblStuInfo_SelectedIndexChanged" 
RepeatDirection = "Horizontal”" AutoPostBack = "True"> 
</asp:RadioButtonList > 
</div> 
</form> 


(3) 打开 RadioButtonListDemo. aspx. cs 文件 ,编写 一 个 方法 ,代码 如 表 7-7 所 示 。 
GetTable() 方 法 用 于 连接 数据 库 , 并 根据 命令 字符 串 Commstr 结合 DataAdpter 和 DataSet 
构建 DataTable 对 象 并 返回 。 


表 7-7 方法 GetTable() 的 代码 
行 号 代 码 页 


01 /// <summary> 

02 ”/// 根据 SQL 查询 语句 构建 DataTable 对 象 

03 /// </summary> 

04  /// <param name = "Commstr"> SQL 查询 字符 串 </param> 
05 /// <returns></returns> 

06 private DataTable GetTable( string Commstr) 


07 { 

08 DataSet ds = new DataSet(); // 建 立 DataSet 对 象 

09 string sqlstr = WebConfigurationManager. ConnectionStrings[ "StuConnString"].ConnectionString; 

10 SqlConnection sqlconn = new SqlConnection(sqlstr); 

11 sqlconn. Open( ); // 打 开 连 接 

12 SqlDataAdapter sda = new SqlDatahdapter(Commstr，sqlconn); // 建 立 DataAdapter 对 象 

13 sda.Fill(ds，"StuTable");// 用 Fill 方法 返回 的 数据 ,填充 DataSet, 数据 表 取 名 为 "StuTable" 

14 DataTable dtable = ds.Tables["StuTable"]; // 将 数据 表 StuTable 的 数据 复制 到 
//DataTable 对 象 

15 return dtable; 

16 } 


(4) 在 RadioButtonListDemo. aspx. cs 文件 中 ,为 Page_Load 事件 方法 编写 代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 
{ 

if (!IsPostBack) 

| 


单元 1 数据 绑 定 技术 


string cmdStr = "select Name from StuInfo"; 
rblStuInfo. DataSource = GetTable(cmdStr).DefaultView; 
rblStuInfo. DataTextField = "Name"; 

rblStuInfo. DataBind( ); 


} 


此 时 ,运行 页 面 RadioButtonListDemo. aspx, 结 果 如 图 7-4 所 示 , 单 击 任何 单 选 按钮 均 无 对 
应 信息 出 现 。 


RadioButtonlist 控 件 的 数据 绑 定 - Windows Int... 


约 @ | 且 http://localhost:12934/d 图 | 生 [x| | 忆 百 度 
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图 7-4 Name 字段 绑 定 到 RadioButtonList 控件 


(5) 在 RadioButtonListDemo. aspx. cs 文件 中 ,编写 RadioButtonList 控件 的 Selecte- 


dIndexChanged 事件 方法 代码 ,同时 编写 一 个 显示 选 定 学 生 详 细 信息 的 ShowStuInfo 方法 ， 
如 表 7-8 和 表 7-9 所 示 。 


表 7-8 方法 ShowStuInfo() 的 代码 


行 号 代 码 页 

01 /// <summary> 

02 ”/// 根据 rblStuInfo 控件 选择 项 显示 学 生 信 息 

03 /// </summary> 

04 /// <param name = "dtable"> DataTable 对 象 </param> 

05 private void ShowStuInfo(DataTable dtable) 

06 { 

07 DataRowCollection drc = dtable. Rows; // 用 DataRowCollection 对 象 获取 StuTable 
// 数 据 表 的 所 有 数据 行 

08 DataRow dr; // 建 立 DataRow 数据 行 对 象 

09 for (int i = 0; i < drc.Count; i++) // 逐 行 遍 历 , 取 出 各 行 的 数据 

10 { 

11 dr = drc[i]; 

12 Response. Write(" 学 号 :" + dr["StuNo"] + "姓名 :" + dr["Name"] + "性 别 :" + dr["Sex"] + 

13 "出 生日 期 : ”+ dr["Birth"] + " 照片 : " + dr["Photo"]); 

14 Response.Write("<br />"); 

15 } 

16 } 


此 时 ,运行 页 面 RadioButtonListDemo. aspx, 选 中 任何 单 选 按钮 ,将 出 现 与 该 姓名 对 应 


的 详细 信息 ,如 图 7-5 所 示 。 
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表 7-9 SelectedIndexChanged() 事 件 方法 的 代码 
行 号 代 码 页 


01 /// < summary> 

02 ”/// rblStuInfo 控件 的 SelectedIndexChanged 事件 方法 

03 /// </summary> 

04 /// <param name = "sender"></param> 

05 /// <param name = "e"></param> 

06 protected void rblStuInfo_SelectedIndexChanged(object sender, EventArgs e) 


07 1{ 

08 string str = rblStuInfo. SelectedValue; 

09 string cmdstr = "select * from StuInfo where Name='" + str + "'"; 
10 DataTable dt = GetTable(cmdstr); 

11 ShowStuInfo(dt); 

E+ | 
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图 7-5 RadioButtonList 控件 的 数据 绑 定 


注意 : 运行 时 若 选择 一 个 姓名 后 无 对 应 信息 显示 ,可 能 有 两 个 原因 : 一 是 没有 将 
RadioButtonList 控件 的 AutoPostBack 属性 设置 为 True; 二 是 Page_Load 事件 方法 代码 
没有 用 if(! IsSPostBack) 语 句 判断 是 否 为 第 一 次 加 载 。 


2. DropDownList 控件 的 数据 绑 定 


DropDownList 下 拉 列 表 控 件 的 常用 属性 和 事件 如 表 7-10 所 示 。 
表 7-10 DropDownList 控件 的 常用 属性 和 事件 


属性 和 事件 说 明 
AutoPostBack 指示 当 用 户 更 改 列表 中 的 选 定 内 容 时 是 否 自动 产生 向 服务 器 的 回 传 
DataTextField 为 列表 项 提供 文本 内 容 的 数据 源 字段 
DataValueField 为 各 列表 项 提供 值 的 数据 源 字段 
属性 | SelectedIndex 选 定 项 的 索引 
SelectedItem 获取 列表 控件 中 的 选 定 项 
SelectedValue 获取 列表 控件 中 选 定 项 的 值 
事件 “| SelectedIndexChanged| 当 列表 控件 的 选 定 项 在 信息 发 往 服务 器 之 间 变化 时 触发 
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除 SelectedValue 之 外 ,通过 SelectedItem. Text 和 SelectedItem. Value 可 获得 选择 项 
的 文本 内 容 和 值 。 对 比 RadioButtonList 控件 的 常用 属性 ,发 现 没 有 区 别 。 

【示例 7-4】 用 DropDownList 控件 绑 定 到 数据 库 , 模 拟 用 户 注 册 时 省 市 的 选择 ,实现 
省 份 城市 级 联 效果 。 所 用 数据 库 的 数据 表 结 构 如 图 7-6 所 示 。 


“ 表 - dbo.city 基 才 sidboiprovincs 
了 


CtyName PD 

CE Es 北京 市 1 

5 本 汝 市 3 

6 毕节 地 区 23 

二 滨州 市 后 

5 这 州 市 13 

ID 博 乐 市 31 

9 论 州 市 5 


图 7-6” Province 和 City 表 结 构 


(1) 在 web. config 中 添加 数据 库 连 接 字符 串 ,名 为 ProvinceConnString, 用 来 连接 到 数 
据 库 Province。 

(2) 右 击 站 点 项 目 ch07, 在 弹出 的 快捷 菜单 中 选择 “添加 ASP.NET 文件 夹 ”>App_ 
Code 命令 ,添加 App_Code 文件 夹 。 

在 App_Code 文件 夹 中 编写 实体 类 City. cs 和 Province. cs, 代 码 如 下 。 


public class City 

{ 
public int CityID { get; set; } // 城 市 ID 
public string CityName { get; set; } // 城 市 名 称 
public Province pro; // 城 市 所 在 省 份 ID 


public class Province 
{ 
public int ProvinceID{get; set;} // 省 份 ID 
public string ProvinceName{fget; set;} // 省 份 名 称 
由 


在 App_Code 文件 夹 中 编写 数据 库 操作 类 SqlOperator. cs, 代 码 如 表 7-11 所 示 。 
表 7-11 数据 库 操作 类 SqlOperator. cs 的 代码 


行 号 代 码 页 
01 public abstract class SqlOperator 
02 { 
03 // 数 据 库 连接 字符 串 
04 public static readonly string ConnectionString = 
05 Conf igurationManager. ConnectionStrings["ConStr"]. ConnectionString; 
06 /// < summary> 


07 /// 获取 所 有 省 份 名 称 
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续 表 
行 号 代 码 页 
08 /// </summary> 
09 /// <returns></returns> 
10 public static List < Province> GetProvince() 
11 { 
12 string sql = "Select [provinceId],name from province"; 
13 List<Province> provinceList = new List<Province>(); 
14 SqlDataReader dr = GetDataReader(sql); 
15 while (dr. Read()) 
16 { 
17 Province pro = new Province(); 
18 pro. ProvinceID = Convert.ToInt32(dr["ProvinceID"]); 
19 pro. ProvinceName = dr["name"].ToString(); 
20 provinceList. Add(pro); 
21 } 
22 dr.Close(); 
23 return provinceList; 
24 } 
25 /// < summary> 
26 /// 根据 省 份 ID 号 获取 城市 列表 
27 /// </summary> 
28 /// < param name = "pid"> 省 份 ID </param> 
29 /// < returns></returns> 
30 public static List < City> GetCityByProvinceID(string pid) 
31 { 
32 List< City> cityList = new List <City>(); 
33 string sqlStr = string. Format ("Select [ID], [CityName] from CITY WHERE PID = 
{0}", pid); 
34 SqlDataReader dr = GetDataReader(sqlStr); 
35 while (dr. Read( )) 
36 { 
37 City city = new City(); 
38 city.CityID = Convert.ToInt32(dr["ID"]); 
39 city.CityName = dr["CityName"].ToString(); 
40 cityList. Add(city); 
41 } 
42 dr.Close(); 
43 return cityList; 
44 下 
45 /// < summary> 
46 /// 根据 SQL 语句 创建 SqlDataReader 数据 集 
47 /// </summary> 


48 /// < param name = "sqlStr"> SQL 查询 语句 </param> 
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续 表 

行 号 代 码 页 

49 /// < returns ></returns > 

50 private static SqlDataReader GetDataReader( string sqlStr) 

51 { 

S52 SqlDataReader dr = null; 

53 SqlCommand cmd = new SqlCommand( ) ; 

54 SqlConnection conn = new SqlConnection(ConnectionString); 

55 try 

56 { 

37 conn. Open( ); 

58 cmd. Connection = conn; 

59 cmd. CommandType = CommandType. Text; 

60 cmd. CommandText = sqlStr; 

61 dr = cmd. ExecuteReader(CommandBehavior.CloseConnection); 

62 return dr; 

63 } 

64 catch 

65 { 

66 conn. Close( ); 

67 throw; 

68 } 

69 } 

8 一 


(3) 右 击 站 点 项 目 ch07 下 的 文件 夹 ch7_4, 通 过 快捷 菜单 命令 新 建 一 个 名 为 
DropDownListBindDemo. aspx 的 页 面 ,切换 到 页 面 的 设计 视图 , 拖 放 2 个 DropDownList 
控件 至 页 面 ,切换 到 源 视图 ,编写 如 下 所 示 代 码 : 


<body> 
< form id= "forml" runat = "server"> 
<div> 
<asp:DropDownList ID = "ddlProvince" runat = "server" AutoPostBack = "True" 
OnSelectedIndexChanged = "ddlProvince_SelectedIndexChanged"> 
</asp:DropDownList > 
省 
< asp:DropDownList ID= "ddlCities" runat = "server"> 
</asp:DropDownList > 
市 
</div> 
</form> 
</body> 


(4) 编写 DropDownListBindDemo. aspx 页 面 的 Page_Load 事件 方法 代码 如 表 7-12 
所 示 。 
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表 7-12 页 面 DropDownListBindDemo. aspx 的 Page_Load 事件 方法 代码 

行 号 代 码 页 

01 protected void Page Load(object sender, EventArgs e) 

02 { 

03 if (!Page. IsPostBack) 

04 { 

05 this. BindProvince( ); 

06 this. BindCities(this. ddlProvince. SelectedValue); 


其 中 , 绑 定 省 份 和 城市 分 别 由 方法 BindProvince() 和 方法 BindCities() 实 现 ,代码 如 表 
7-13 和 表 7-14 所 示 。 
表 7-13 方法 BindProvince() 的 代码 
行 号 代 码 页 
01 /// < summary> 
02 /1// 绑 定 省 份 


03 /// </summary> 
04 private void BindProvince() 


05 { 

06 List <Province> pList = SqlOperator.GetProvince(); 

07 this. ddlProvince. DataSource = pList; 

08 this. ddlProvince. DataTextField = "ProvinceName"; 

09 this. ddlProvince. DataValueField = "ProvinceID"; 

10 this. ddlProvince. DataBind( ); 

11 this. ddlProvince. Items. Insert(0, new ListItem(" === 请 选择 ===", "0")); 

12 } 

表 7-14 方法 BindCities() 的 代码 

行 号 代 码 页 

01 /// < summary> 

02 /// 绑 定 城市 

03 /// </summary> 

04 /// < param name = "provinceId"> 省 份 Id</param> 

05 private void BindCities(string provinceId) 

06 { 

07 ddlCities. Items. Clear( ); 

08 List< City> cities = SqlOperator. GetCityByProvinceID(provinceId); 

09 ddlCities. DataSource = cities; 

10 ddlCities. DataTextField = "CityName"; 

11 ddlCities. DataValueField = "CityID"; 

ddlCities. DataBind( ); 


单元 1 数据 绑 定 技术 


(5) 当 ddlProvince 中 选择 了 某 省 份 时 ,需要 将 该 省 下 属 的 城市 名 绑 定 到 ddlCities ,在 
DropDownListBindDemo. aspx. cs 文件 中 编写 DropDownList 控件 对 象 ddlProvince 的 
SelectedIndexChanged 事件 方法 的 代码 如 表 7-15 所 示 。 


表 7-15 SelectedIndexChanged() 事 件 方法 的 代码 


行 号 代 码 页 
01 protected void ddlProvince_ SelectedIndexChanged(object sender, EventArgs e) 
02 { 
03 if (this. ddlProvince. SelectedValue == "0") 
04 { 
05 return; 
06 } 
07 string provinceId = this.ddlProvince. SelectedValue; 
08 this. BindCities(provinceId); 
09 J} 


此 时 ,运行 页 面 DropDownListBindDemo. aspx, 效 果 如 图 7-7 所 示 , 选 择 任 何 一 个 省 
份 , 均 会 绑 定 该 省 下 属 的 城市 到 ddlCities。 


© Bhttp://ocalhost:12934/d | [x| [PHF 


帘 收 藏 天 多 http://localhost12934/dho7yjch7… | | 


铜仁 地 区 


图 7-7 省 份 城市 的 级 联 效果 


本 示例 虽然 没有 明确 采用 3 层 架 构 创建 模型 层 (Model) .数据 访问 层 (DAL) .业务 迎 辑 
层 (BLL) 及 表示 层 (UD ,但 逻辑 上 已 经 是 3 层 架 构 , 负 责 不 同 功能 的 程序 代码 分 别 写 在 不 
同 的 类 文件 中 。 


&.2 单元 任务 
任务 7-2-1 实现 “新 知 书店 ”后 台 图 书 列表 中 的 检索 类 别 选择 


【任务 描述 】 
要 实现 “新 知 书 店 ” 图 书 按 类 别 进行 显示 , 就 要 具备 检索 类 别 的 选择 ,使 用 
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DropDownList 控件 实现 “新 知 书店 ”后 台 书 籍 列 表 页 中 检索 类 别 的 选择 功能 。 所 使 用 的 检 
索 类 别 数据 表 为 第 一 单元 阐述 系统 业务 需求 分 析 与 设计 时 已 经 描述 过 的 Categories 表 , 要 
求实 现 如 图 7-8 所 示 的 将 该 表 中 的 数据 绑 定 到 指定 DropDownList 中 的 效果 。 


- 新 知 书店 -管理 后 台 - Windows Internet Explorer 
BD 回 http://localhost:1252 "| 居 加 [2%g|| 户 百度 


帘 收 藏 天 “| 看 新 知 书店 -管理 后 各 | 


个 新 知 图 | 


修 现 在 的 位 置 : 新 知 书店 》 管 理 员 后 台 》 图 书 管理 》 图 书 列表 


检索 类 别 : |= 一 语 洗 择 === 可 
= 二 请 选择 === 
ES 
J2EE 
CSS Div 
Cet vv 


Basic VB VB Script 司 
bs 


对本 地 Intranet 名 -| 由 100% -~ 


图 7-8 书籍 列表 中 的 检索 类 别 选 择 功 能 效果 


【任务 实施 】 
1. 图 书 检 索 类 别 选择 数据 访问 层 与 业务 逻辑 层 的 实现 
要 实现 图 书 检索 类 别 的 选择 , 仍 需 要 从 数据 访问 层 、 业 务 迎 辑 层 和 表示 层 分 别 进行 


编码 。 
1) 图 书 检索 类 别 选择 数据 访问 层 的 实现 
在 BookShopDAL 项 目 中 新 建 类 文件 SelectByCategoryService. cs, 代 码 如 下 : 


using BookShop. Models; 

using System. Configuration; 

namespace BookShop. DAL 

{ 
public class SelectByCategoryService 
{ 

string connection = ConfigurationManager.ConnectionStrings["BookShop"].ConnectionString; 

/// < summary> 

/// 查询 所 有 图 书 类 别 的 所 有 字段 信息 

/// </summary> 

/// < returns ></returns > 

public List < SelectByCategory > GetSelectByCategory() 

// 使 用 泛 型 集合 List <T> 的 方式 传递 实体 对 象 集合 

List < SelectBYCategory> SelectByCategoryList = new List < SelectByCategory>(); 
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string sql = "SELECT #* FROM Categories"; 
using (SqlDataReader reader = SqlHelper. ExecuteReader(this. connection, 
CommandType. Text, sql)) 
while(reader. Read( )) 


{ 
SelectByCategory selectbycategory = new SelectByCategory(); 
selectbycategory. Id = (int)reader["Id"]; 
selectbycategory. Name = (string)reader["Name"]; 
SelectByCategoryList. Add( selectbycategory); 
} 
} 
return SelectByCategoryList; 


I; 
} 
上 


2) 图 书 检索 类 别 选择 业务 逻辑 层 的 实现 
在 BookShopBLL 项 目 中 新 建 类 文件 SelectByCategoryManager. cs, 代 码 如 下 : 


using BookShop. Models; 
using BookShop. DAL; 
namespace BookShop. BLL 
{ 
public class SelectByCategoryManager 
! 
public List < SelectByCategory> GetSelectByCategory() 
{ 
return new SelectByCategoryService(). GetSelectByCategory( ); 
} 


2. 图 书 检索 类 别 选 择 表示 层 的 实现 


1) 表示 层 页 面 设计 

在 Web 站 点 项 目的 文件 夹 Admin 下 ,根据 后 台 母 版 页 Admin. master 新 建 图 书 列表 内 
容 页 BookList. aspx, 并 从 工具 箱 拖 入 DropDownList 控件 至 页 面 并 修改 其 ID 属性 为 
ddlQueryCategories ,代码 如 下 : 


< asp:Content ID = "Content1" ContentPlaceHolderID = "cphAdmin" runat = "Server"> 
检索 类 别 : 
<asp:DropDownList ID = "ddlQueryCategories" runat = "server" Height = "16px"> 
</asp:DropDownList> 

</asp:Content > 
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2) 编程 实现 图 书 类 别 数据 绑 定 到 DropDownList 控件 
在 图 书 列表 页 的 后 置 代 码 文 件 BookList. aspx. cs 中 编程 实现 将 图 书 类 别 数 据 绑 定 到 
DropDownList 控件 的 代码 如 下 : 


using BookShop. BLL; 
using BookShop. Models; 


public partial class Admin BookList : System. Web. UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
BindSelectByCategory( ); 
} 
1 


protected void BindSelectByCategory( ) 
this. ddlQueryCategories. DataSource = new SelectByCategoryManager().GetSelectByCategory(); 


this. ddlQueryCategories. DataTextField = "Name"; // 用 于 显示 的 字段 
this. ddlQueryCategories. DataValueField = "Id"; // 用 于 存 值 的 字段 


this. ddlQueryCategories. DataBind( ); 
this. ddlQueryCategories. Items. Insert(0, new ListItem(" === 请 选择 ===", "0")); 


运行 页 面 BookList. aspx, 效果 如 图 7-8 所 示 。 在 编程 实现 图 书 类 别 数据 绑 定 到 
DropDownList 控件 上 的 时 候 ,很 多 读者 会 将 代码 写成 如 下 形式 


protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
this. ddlQueryCategories. DataSource = newSelectByCategoryManager().GetSelectByCategory(); 
this. ddlQueryCategories. DataBind( ); 


这 样 运 行程 序 将 会 出 现 图 7-9 所 示 的 效果 。 

出 现 如 图 7-9 所 示 错 误 的 原因 是 DropDownList 控件 所 绑 定 的 是 GetSelectByCategory 
对 象 而 不 是 检索 类 别 信 息 的 名 字 , 因 此 需要 使 用 DataTextField 属性 为 DropDownList 设置 
显示 字段 ,另外 ,可 以 使 用 DataValueField 属性 来 设置 实际 存储 的 字段 。 
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黎 现 在 的 位 置 : 新 知 书 店 》 管理 员 后 台 > 图书 管理 > 图 书 列表 


检索 类 别 :。 BockShon. Nodels. selectpvCcatezory EE 


BockShop. Nodels. SelectByCategory 
BockShop. Nodels. SelectByCategory 
BockShop. Models. SelectByCategory 
DockShop, Models. 5electByCategory 


7-9 运行 上 述 代码 后 的 效果 


C3 项 目 实 训 


实现 “博客 系统 "文章 发 表 功能 


【需求 说 明 】 
。 使 用 此 功能 的 只 能 是 注册 会 员 。 
。 对 用 户 输 入 的 数据 进行 非 空 验证 。 


。 用 户 输入 文章 的 标题 和 内 容 , 将 文章 信息 添加 到 数据 库 , 效 果 如 图 7-10 所 示 。 


闻 -LEE 
» 和 有 你 更 苦 彩 
发 表 文章 
立 章 行 四 
文章 内 容 ; 
| 
【EE 


\ 
[人 


用 户 列表 iUsure Line 
53 

51aspx 

对 多 守 并 


用 户 登 录 iLogi 
ja 可 你 9 


发 表 文 章 
文章 若 再 
齐 览 博客 


日 2014 5aidu 便 间 百度 萌 冰 府 京 ICPIE630173 号 Co.ULd 质 可 所 有 


图 7-10 “博客 系统 "文章 发 表 页 效果 (PublishAticle. aspx) 


(提示 : 使 用 CKeditor 在 线 编辑 控件 完成 编辑 功能 ,避免 纯 文 本 文档 的 单调 。) 


C.4 单元 小 结 


本 单元 介绍 ASP.NET 中 的 数据 绑 定 技术 ,首先 介绍 简单 绑 定 与 复杂 绑 定 技术 ,阐述 
数据 绑 定 表达 式 , 并 通过 实例 讲解 常用 控件 如 何 绑 定数 据 , 本 单元 知识 体系 如 图 7-11 


所 示 。 


250 。 ”ASP. NET 网 站 开发 项 目 化 教程 


SA 


Eval 表 达 式 
数据 绑 定 表达 式 三 _ 
Bind 表 达 式 
SqlDatasource 
ObjectDatasource 
前 xmlDatasource 
数据 源 控件 中 | 
四 SiteMapDataSource 
数据 绑 定 各 LinqDataSource 


庙 AccessDataSource 


DataSource 

DataTextField 
数据 绑 定 模型 二 .DropDownlList 妊 定数 据 口 | DataValueField 

DataBind0) 


图 7-11 数据 绑 定 知识 体系 


.5 单元 练习 是 


一 、 选 择 题 

1. 关于 SqlDataSource 数据 源 控件 相关 属性 ,说 法 不 正确 的 是 ( )。 

A. 该 控件 的 ProviderName 属性 表示 SqlDataSource 控件 连接 数据 库 的 提供 程序 名 称 

B.ConnectionString 属性 表示 SqlDataSource 控件 可 使 用 该 参数 连接 到 数据 库 , 但 是 
不 能 从 应 用 程序 的 配置 文件 中 读 取 

C. SelectCommand 属性 表示 SqlDataSource 控件 从 数据 库 中 选择 数据 所 使 用 的 SQL 
命令 

D，ControlParameter 实际 是 个 控件 ,在 代码 中 应 改写 成 二 asp: ControlParameter 二 ， 
使 用 特定 控件 的 值 

2. 使 用 3 层 架 构 实 现 表 示 层 显示 学 员 信 息 ,学 员 信息 中 包含 的 年 级 (Grade) 对 象 作 为 

一 个 属性 。 现 在 将 要 显示 学 员 的 年 级 名 称 (gradeName) ,下 列 绑 定 语句 正确 的 是 ( 


A. =%#Bind(“GradeName”) %> B. <%#Bind(“Grade. gradeName”) %> 
C. <%#Eval(“GradeName”) %> D. <=%#Eval(“Grade. gradeName”) %> 
二 、 填空 题 
1. 数据 绑 定 表达 式 包 含 在 二 %# ”% 二 分 隔 符 之 内 ,并 使 Eval 和 Bind 方法 。 

方法 用 于 定义 单 向 (只 读 ) 绑 定 。 方法 用 于 定义 双向 (可 更 新 ) 绑 定 。 


2. ObjectDataSource 控件 使 开发 人 员 能 够 在 保留 3 层 应 用 程序 结构 的 同时 ,使 用 ASP 
.NET 数据 源 控件 。 完 成 下 面 为 ObjectDataSource 控件 定义 好 的 Insert 方法 。 


public void Insert(int id，string name){ 
string strcnn = ConfigurationManager. ConnectionStrings 
["StudentCnnString" ]. ConnectionString; 
using (SqlConnection sqlConn = new SqlConnection(strcnn)){ 
string insertString = "insert into Major values(" + id + ",'" + name + "')"; 
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SqlCommand sqlCmd = sqlConn. CreateCommand; // 创 建 SqlCommand 对 象 
sqlCmd. CommandText = 这 

sqlConn. Open( ) 

sqlCmd. ExecuteNonQuery( ) ; 

sqlConn. Close(); 


} 


三 、 问 答题 
1. 试 说 明 什么 是 数据 源 控件 。ASP.NET 3.5 中 提供 了 几 种 数据 源 控件 ? 
2. 比较 SqlDataSource、O 〇 bjectDataSource 和 SiteMapDataSource 控件 的 使 用 。 


从， 
Cy 
数据 绑 定 控件 的 应 用 | 


教学 目标 : 

曙 熟练 使 用 数据 源 控件 和 数据 绑 定 控件 在 Web 页 面 中 输出 数据 ,对 后 台数 据 库 中 的 数 
据 进行 修改 和 更 新 。 

和 掌握 在 Web 页 面 中 灵活 使 用 ADO .NET 对 象 、 数 据 源 控 件 和 数据 绑 定 控件 实现 应 
用 程序 功能 。 

@ 掌握 SqlDataSource、ObjectDataSource 数据 源 控件 和 GridView、 DataList、 Repeater、 
DetailsView、DataPager 等 数据 绑 定 控 件 的 功能 、 属 性 和 事件 。 


人 .1 知识 准备 
8.1.1 数据 绑 定 控件 
1. 数据 绑 定 控件 的 层次 结构 


数据 源 控 件 并 不 能 显示 数据 ,将 数据 显示 出 来 需要 数据 绑 定 控件 。 数 据 绑 定 控件 的 层 
次 结构 如 图 8-1 所 示 , 从 中 可 以 看 出 数据 绑 定 控件 跟 数据 源 控 件 一 样 可 以 分 为 两 大 类 : 普 
通 绑 定 控件 (DataBoundControl) 和 层次 化 绑 定 控件 (HierachicalDataBoundControl) 。 其 中 


BaseDataBoundcontrol 


DataBoundControl 


HierarchicalDataBoundControl 


AdRotator ListControl 


| DropDownList 


CheckBoxList | 
RadioButtonList | 


ListBox 


图 8-1 数据 绑 定 控件 的 层次 结构 


单元 8 ”数据 绑 定 控件 的 应 用 


普通 绑 定 控件 又 分 为 标准 型 控件 .列表 控件 和 复合 型 控件 (CompositeDataBoundControl) 。 
通常 复合 型 控件 用 于 表格 显示 。 
表 8-1 对 部 分 常见 的 数据 绑 定 控 件 进行 了 简单 介绍 。 
表 8-1 常见 的 数据 绑 定 控件 


控件 名 称 说 有 明 
DropDownList 下 拉 列 表 控 件 ,比如 实现 图 书 分 类 的 修改 ,分 类 可 以 使 用 下 拉 菜 单 的 形式 给 用 户 提 供 
选择 
GridView 通过 表格 方式 实现 数据 的 展示 ,其 中 每 列表 示 一 个 字段 ,每 行 表示 一 条 记录 。 比 如 显示 
图 书 列表 
DetailsView ”显示 单条 记录 的 详细 信息 ,并 支持 对 记录 的 添加 、 删 除 、 修 改 等 。 比 如 显示 图 书 的 详细 
页 ,可 以 使 用 该 控件 


2. 数据 绑 定 控件 与 数据 源 控件 


通俗 地 讲 ,数据 绑 定 就 是 把 数据 源 中 的 数据 取出 来 ,显示 在 窗 体 的 各 种 控件 上 ,用 户 可 
以 通过 这 些 控件 查看 和 修改 数据 ,这 些 修改 会 自动 地 保存 到 数据 源 中 。 要 使 数据 绑 定 控件 
显示 有 用 的 内 容 , 则 需要 为 它们 指定 数据 源 (Data Source)。 要 将 这 一 数据 源 绑 定 到 控件 ， 
可 以 使 用 一 个 单独 的 数据 源 控 件 来 为 数据 绑 定 控件 管理 数据 。 

要 执行 绑 定 ,应 将 数据 绑 定 控件 的 DataSourceID 属性 设置 为 SqlDataSource、 
ObjectDataSource SiteMapDataSource 等 数据 源 控件 。 数 据 源 控件 连接 到 数据 库 、 实 体 类 
或 中 间 层 对 象 等 数据 源 ,然后 检索 或 更 新 数据 ,最 后 ,数据 绑 定 控件 即 可 使 用 这 些 数据 。 当 
数据 绑 定 控件 绑 定 到 数据 源 控 件 时 ,无须 编 写 代码 或 者 只 需要 编写 少量 额外 代码 即 可 执行 
数据 操作 。 数 据 绑 定 控件 可 以 自动 利用 数据 源 控件 提供 的 数据 服务 。 

除了 设置 数据 绑 定 控件 的 DataSourceID 属性 指定 数据 源 外 ,还 可 以 通过 编写 代码 在 程 
序 运 行 中 动态 绑 定 数据 源 。 

1. 指定 数据 源 控件 方式 

语法 格式 为 : 

数据 绑 定 控件 ID. DataSourceID = 数据 源 控件 ID; 


例如 : 


<asp:GridView ID = "GridView1" runat ="server" RutoGenerateColumns = "False" 
DataSourceID = "SqlDataSourcel"” EmptyDataText = "没有 可 显示 的 记录 "> 


if (!IsPostBack) 
{ 
GridView1. DataSourceID = "SqlDataSourcel"; //SqlDataSourcel 为 数据 源 控件 对 象 。 
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2. 编码 指定 数据 源 方式 
语法 格式 为 : 


数据 绑 定 控件 ID. DataSource = 数据 集合 ; 
数据 绑 定 控件 ID. DataBind( ) ; 


例如 : 


this. gvMain. DataSource = new UserManager().GetNormalUsers(); 
this. gvMain. DataBind( ); 


其 中 ,gvMain 是 数据 绑 定 控件 GridView, 业 务 逻 辑 层 的 GetNormalUsers() 方 法 返回 的 是 
类 型 为 List 二 User 二 的 所 有 正常 用 户 数据 。 

释疑 : 在 ASP.NET 中 ,指定 数据 源 控件 的 方式 和 编码 指定 数据 源 的 方式 的 区 别 。 

(1) 语法 不 同 , 指 定数 据 源 控件 的 方式 只 要 指定 数据 源 控件 ID 后 即 可 完成 绑 定 ,但 
编码 指定 数据 源 的 方式 除了 指定 DataSource 属性 外 还 需要 使 用 绑 定 方法 DataBand() 才 
能 完成 数据 绑 定 ,DataBand() 方 法 是 将 数据 源 绑 定 到 被 调用 的 服务 器 控件 及 其 所 有 子 控 
和 作 主 。 

(2) 指定 数据 源 控件 的 方式 可 以 使 用 数据 源 控件 的 功能 ,比如 更 新 、 删 除 等 (需要 指定 
相关 方法 ) ,但 编码 指定 数据 源 的 方式 只 能 提供 绑 定 的 显示 。 

ASP.NET 包含 了 很 多 支持 简单 数据 绑 定 的 控件 ,如 TextBox、Label、ListControl、 
CheckBoxList、RadioButtonList、DropDownList 等 控件 ,单元 7 中 曾 详细 讲解 过 RadioBut- 
tonList、DropDownList 的 使 用 ,简单 数据 绑 定 控件 通常 只 显示 单个 值 。ASP.NET 中 的 复 
杂 数 据 绑 定 控件 包括 GridView、DataList、Repeater、DetailsView、FormView、ListView 等 ， 
复杂 数据 绑 定 控件 与 简单 数据 绑 定 控件 的 区 别 在 于 它们 可 以 用 更 精细 的 方式 来 显示 数据 。 
下 面 介绍 GridView、DataList、Repeater、DetailsView、DataPager 等 复杂 数据 控件 。 


8.1.2 ” GridView 控件 


GridView 控件 通常 与 数据 源 控件 结合 使 用 .以 表格 的 形式 显示 数据 库 中 的 数据 ,可 以 
对 记录 中 的 行 实现 删除 .修改 .选择 和 分 页 功能 ,可 以 对 列 实 现 排 序 功 能 。 在 默认 情况 下 ， 
GridView 通过 SqlDataSource 访问 数据 库 ,可 以 访问 多 种 关系 数据 库 , 也 可 以 读 取 XML 文 
件 。GridView 控件 的 常用 属性 如 表 8-2 所 示 。 


表 8-2 GridView 控件 的 常用 属性 


属 性 说 有 明 
AllowPaging 指示 是 否 启用 分 页 功能 
AllowSorting 指示 是 否 启用 排序 功能 


AutoGenerateColumns ”指示 是 否 为 数据 源 中 的 每 个 字段 自动 创建 绑 定 字段 
AutoGenerateDeleteButton 指示 每 个 数据 行 是 否 添加 “删除 ”按钮 
AutoGenerateEditButton ”指示 每 个 数据 行 是 否 添加 “编辑 ”按钮 
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续 表 
属 性 说 明 

AutoGenerateSelectButton 指示 每 个 数据 行 是 否 添加 “选择 ”按钮 

EditIndex 获取 或 设置 要 编辑 行 的 索引 

DataKeyNames 获取 或 设置 GridView 控件 中 的 主键 字段 的 名 称 。 多 个 主键 字段 间 , 以 逗号 
隔 开 

DataKeys 获取 GridView 中 使 用 DataKeyNames 设置 的 每 一 行 主键 值 的 对 象 集合 

DataSource 获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 

DataMember 当 数据 源 有 多 个 数据 项 列表 时 ,获取 或 设置 数据 绑 定 控件 绑 定 到 的 数据 列表 
的 名 称 

DataSourceID 获取 或 设置 控件 的 ID ,数据 绑 定 控件 从 该 控件 中 检索 其 数据 项 列表 

PageCount 获取 在 GridView 控件 中 显示 数据 源 记 录 所 需 的 页 数 

PageIndex 获取 或 设置 当前 显示 页 的 索引 

PageSize 获取 或 设置 每 页 显示 的 记录 数 


下 面 通过 两 种 方式 了 解 GridView 的 数据 绑 定 。 
1. 使 用 数据 源 控件 


使 用 数据 源 控件 即 通 过 设置 GridView 控件 的 DataSourceID 属性 将 数据 源 控件 绑 定 到 
控件 上 。 下 面 的 示例 就 是 使 用 GridView 做 一 个 显示 图 书信 息 列表 的 页 面 ,除了 显示 ,还 有 
排序 .分 页 等 功能 。 

【示例 8-1】 使 用 GridView 数据 绑 定 控件 (结合 SqlDataSource 数据 源 ) 实 现 图 书信 息 
列表 的 显示 排序 及 分 页 功能 。 

1) 配置 SqlDataSource 数据 源 

(1) 将 “新 知 书店 ”数据 库 文件 BookShopPlus. mdf 附加 到 SQL Server 2005 数据 库 中 。 

(2) 新 建 一 个 名 为 ch8_1 的 网 站 , 右 击 网 站 添加 页 面 BookList. aspx。 

(3) 切换 到 页 面 BookList. aspx 的 “设计 ”视图 , 拖 放 一 个 SqlDataSource 控件 到 页 面 
中 ,其 默认 ID 为 SqlDataSourcel , 右 击 SqlDataSource 控件 ,在 弹出 的 快捷 菜单 中 ,选择 “ 属 
性 ”命令 ,修改 其 ID 属性 值 为 sdBook。 

(4) 选择 SqlDataSource 控件 , 单 击 右 上 方 的 箭头 符号 ,选择 “配置 数据 源 ” 选 项 ,弹出 
“配置 数据 源 ” 对 话 框 ,如 图 8-2 所 示 。 

(5) 单 击 “新 建 连接 ”按钮 ,弹出 “新 建 连接 ”对 话 框 ,如 图 8-3 所 示 , 在 "服务 器 名 ”的 下 
拉 列 表 框 中 输入 localhost、. 或 本 地 计算 机 名 字 。 在 “选择 或 输入 一 个 数据 库 名 ”的 下 拉 列 表 
框 中 选中 BookShopPlus 数据 库 , 可 单 击 “ 添 加 连接 ”对 话 框 中 的 “测试 连接 ”按钮 ,看 数据 库 
是 和 否 成 功 连接 。 若 不 成 功 , 则 说 明 服务 器 或 者 数据 库 名 选择 或 者 输入 错误 。 

(6) 如 图 8-3 所 示 , 单 击 两 次 “确定 ”按钮 ,此 时 “新 建 连接 ”成 功 的 “配置 数据 源 ” 对 话 框 
如 图 8-4 所 示 。 

(7) 单 击 * 下 一 步 ?按钮 ,如 图 8-5 所 示 ,在 “配置 数据 源 ” 向 导 的 “将 连接 字符 串 保 存 到 
应 用 程序 配置 文件 中 ”界面 选中 * 是 ,将 此 连接 另存 为 * 复 选 框 。 确 认 将 连接 字符 串 保存 到 配 
置 文件 中 ,另存 为 BookDbConnString, 在 下 次 连接 时 可 以 直接 使 用 。 另 外 ,将 连接 字符 串 和 
查询 字符 串 写 入 web. config 配置 文件 也 能 简化 工作 ,程序 代码 也 更 清晰 。 
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上 @， 选择 您 的 数据 连接 
应 用 程序 连接 数据 库 应 使 用 哪个 数据 直接 (W)? 
| IEEEE3GS 丙 
[a 
图 8-2 “配置 数据 源 ” 对 话 框 
添加 连接 2 


ee 或 单 击 "更 改 "选择 另 一 个 数据 源 和 /或 提供 程 
RE 于 本 
[Microsoft SQL Server (SqlGieng) | | 玫 (9.… 
服务 器 名 (E): 

localhost 习 | __ 制 新 (R) 
登录 到 服务 器 

加 使 用 Windows 身份 驻 证 (W) 

口 使 用 SQL Server 身份 验证 (Q) 

用 户 各 (UI) 


~ 


密 丰 


连接 到 一 个 数据 库 
名 选择 或 笨 入 一 个 数据 库 名 (D): 
BookShopplus 十 
口 附加 一 个 数据 库 划 和 ST 中 人 
放下 (6) 
0 \ 让 出 六 连接 成 功 。 lL 
ER 
ES L We ][ m% 
Be 


8-3 “添加 连接 ”对 话 框 
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配置 丈 据 潭 - sdBook 2 x 


上 @, 选择 您 的 歼 据 连接 


应 用 程序 连接 数据 库 应 使 用 哪个 数据 连接 (W)? 
gskening-b93837.BookShopPlus.dbo | | 新 建 连接 (CQ)..…。 


回 半 检 字符 上 (5) 
Data Source=localhost;Initial Catalog= BookShopplus;Integrated Seaurity=True 


6(p) 下 一 步 (N) > 成 (FE) 取消 


图 8-4 配置 数据 源 窗口 连接 成 功 后 


昌 将 连接 字符 串 保存 到 应 用 程序 配置 文件 中 


将 连接 字符 币 存 迟 在 诺 用 程序 配置 文件 中 ， 可 简化 维护 和 部 署 。 若 要 将 连接 字符 衣 保 存 到 应 所 程序 配置 文件 中 ， 请 在 文本 框 中 输 
入 一 个 名 称 ， 然 后 单 而 "下 一 步 "。 如 果 选 择 不 这 样 做 ， 则 入 按 字符 咒 将 作为 数据 潭 控件 的 属性 保存 在 该 页 中 。 


是 否 将 连接 保存 到 应 用 程序 配置 文件 中 ? 
加 | 是， 将 号 渗 接 务 丰 CY) 
|BookDbConnString 


图 8-5 “将 连接 字符 串 保存 到 应 用 程序 配置 文件 中 ”界面 


257 


MA 


258 


SN 
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(8) 单 击 “ 下 一 步 " 按 钮 ,在 “配置 Select 语句 ”界面 中 指定 需要 检索 的 数据 表 及 其 字段 ， 
这 里 选择 Books 表 , 选 中 “* " 复 选 框 及 所 有 字段 ,如 图 8-6 所 示 。 


配置 数据 源 - sdBook ? x 


@, 配置 Select 语句 


共 望 如 何 从 数据 库 中 检索 数据 ? 


人 @ 指定 来 自 表 或 视图 的 列 (T) 
各 称 (MM): 
Books 


列 (9): 


. 指定 自 定义 SQL 语句 或 存 请 过 程 (5) 


日 Tide 

口 Author 

中 Publsherld 

口 PublishDate 

口 ISBN 

OD Unltprice 

口 ContentDescription 
口 TOC 


SELECT 语句 (1): 


= eo 


日 Id OD Clicks 


避 只 返回 唯一 行 (E) 
| 


SELECT * FROM [Books] 


Ce 


下 一步 由 > | 


“配置 Select 语句 ”界面 


(9) 单 击 “ 高 级 ”按钮 ,弹出 “高 级 SQL 生成 选项 ”对 话 框 ,选中 “生成 INSERT、 
UPDATE 和 DELETE 语句” 复 选 框 ,如 图 8-7 所 示 。 单 击 “ 确 定 ” 按 钮 返回 “配置 Select 语 
句 ” 界 面 , 单 击 ORDER BY 按钮 ,在 打开 的 “添加 ORDER BY 子 句 ” 对 话 框 中 将 “排序 方式 ” 设 
置 为 UnitPrice 字段 降序 排列 ,如 图 8-8 所 示 。 单 击 “确定 ”按钮 返回 "配置 Select 语句 ”界面 。 


高 级 SQL 生成 选项 


段 才能 启用 此 选项 。 


口 使 用 开放 式 并 发 (0) 
改 。 这 有 助 于 防止 并 发 神 突 。 


可 以 生成 附加 的 INSERT、UPDATE 和 DELETE 语句 来 更 新 数据 源 。 


回 生 成 JNSERT、UPDATE 和 DELETE 语 名 (G)| 
基于 SELECT 语句 生成 INSERT、UPDATE 和 DELETE 语句 。 必 须 选 定 所 有 主键 字 


修改 UPDATE 和 DELETE 语句 以 检测 自 该 记录 加 载 到 DataSet 中 以 来 数据 库 是 否 更 


[ ws |] 


8-7 “高 级 SQL 生成 选项 "对话 框 


评 加 ORDER BY 子 句 


指定 要 作为 排序 依据 的 列 。 
排序 方式 
Unitprice MM ith 
@ 降序 
然后 依据 
[ 问 交 0 
降序 
然后 依据 
升序 
降序 
SELECT 语句 (L): 


SELECT * FROM [Books] ORDER BY [UnitPrice] DESC 


取消 


图 8-8 “添加 ORDER BY 子 句 ”对 话 框 


(10) 单 击 “ 下 一 步 ” 按 钮 ,在 “测试 查询 ”窗口 中 可 以 看 到 配置 的 Select 语句 效果 ,如 
图 8-9 所 示 , 单 击 “ 完 成 ”按钮 完成 对 数据 源 的 配置 。 


[ EL 测试 查询 


考 材 预 监 此 数据 渍 返回 的 数据 ， 请 单 击 " 讽 ht 查询 "。 若 要 结束 此 向 导 ， 请 单 击 " 完 抱 " 


Author Publisherld PublishDate ISBN Unitprice ContentDescripti 加 
【 美 》 弗 里 曼 《F... 4 2006-5-1 ”|9787564103194 | 98.0000 | 在 你 感 为 一 吉 ， 阅 读 HTML 书 入 pf 
罗 泪 等 纺 7 2007-1-1 |9787508442556 | 98.0000 光盘 使 用 完整 的 源 民 码 列举 了 - 条 
[ 美 ) 伟 要 著 ,.…. |1 2006-1-1 |9787302120629 |98.0000 | 所 有 的 计算 环境 中 部 非常 普及 ， 而 且 
( 美 ) 献 特 尔 (..。 5 2007-2-1 ”|9787121026577 |98.0000 | 本 本 C++ 编程 方面 的 优秀 者 程 ， 全 面 力 绍 了 
张 立 编著 5 2007-1-1 |9787121036316 |98.0000 | 杀 统 全 面 地 介绍 了 C# 2.0 的 相关 知识 及 其 相关 
【 美 ) H.M.Deltel.… 1 2004-3-1 ”|9787302080084 | 98.0000 | 本 书 是 Deltel 父 于 六 写 的 全 球 最 贤 销 的 C++ 程 序 讼 * 
5 2007-7-1 |9787121045592 | 98.0000_| 本 书 是 一 本 C# 答 程 方面 的 优秀 教程， 全 面 介绍 了 (C 
11 2006-10-1 |9787508342849 |98.0000 | 要 学 最 新 版 本 J2EE1.4) 的 Servlet 和 SF 
5 2007-5-1 |9787121040016 |98.0000 | 介绍 日 B3.0 标 准 ， 是 获奖 权威 参考 书 Ente 
4 2000-4-1 |9787980040301 | 98.0000 | 本 书 内 容 包括 ， 如 何 根据 简单 的 规则 来 创建 结构 完 
5 52n06-1-1 107871710315R5 108 nnnn | 12pcrrinHh 用 二 人 Mnh 济 疗 避 证 入 的 订 开 二 网 7 证 
» 
测试 查询 (T) 
SELECT 请 句 (U: 
SELECT * FROM [Books] ORDER BY [Unitprice] DESC 
< 上 一 步 D) 下 一 步 (N) > 元 记 (E) 取 清 


图 8-9 “测试 查询 ”窗口 
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通过 上 述 步骤 ,实现 了 将 一 个 SqlDataSource 控件 与 SQL Server 数据 源 的 连接 。 在 整 


个 过 程 中 无 须 编 写 代码 ,降低 了 Web 数据 库 编程 的 难度 。 表 8-3 给 出 本 例 中 连接 到 一 个 
SQL Server 数据 库 的 SqlDataSource 控件 的 示例 代码 ,这 些 代码 是 完成 上 述 步骤 后 自动 在 
BookList. aspx 页 面 中 生成 的 。 


表 8-3 已 配置 的 SqlDataSource 数据 源 对 应 的 代码 


行 号 代 码 页 

01 <asp:SqlDataSource ID = "sdBook" runat = "server" 

02 ConnectionString = "<% $ ConnectionStrings:BookDbConnString %>" 

03 DeleteCommand = "DELETE FROM [Books] WHERE [Id] = @Id" 

04 InsertCommand = " INSERT INTO [Books] ([Title], [Author], [PublisherId], [PublishDate], 
[ISBN], [UnitPrice], 

05 [ContentDescription], [TOC], [CategoryId], [Clicks]) ALUES (@Title, @Author, 

06 @PublisherId, @PublishDate, @ISBN, @UnitPrice, @ContentDescription, @TOC, 

07 @CcategoryId, @Clicks)" 

08 SelectCommand = "SELECT * FROM [Books] ORDER BY [UnitPrice] DESC" 

09 UpdateCommand = "UPDATE [Books] SET [Title] = @Title, [Muthor] = @Author, 

10 [PublisherId] = @PublisherId，[Publishpate] = (@PublishDate, [ISBN] = @ISBMN, 

11 [UnitPrice] = @UnitPrice, [ContentDescription] = @ContentDescriptionv 

12 [ToC] = @TOC, [CategoryId] = @CategoryId, [Clicks] = @Clicks WHERE [Id] 
= @Id"> 

13 <DeleteParameters> 

14 <asp:Parameter Name = "Id" TYpe = "Int32" /> 

15 </DeleteParameters > 

16 < InsertParameters > 

17 <asp:Parameter Name = "Title" Type = "String" /> 

18 <asp:Parameter Name = "Author" Type= "String" /> 

19 <asp:Parameter Name = "PublisherId" Type = "Int32" /> 

20 <asp:Parameter Name = "PublishDate" Type = "DateTime" /> 

21 <asp:Parameter Name = "ISBN" Type = "String" /> 

22 < asp:Parameter Name = "UnitPrice" Type = "Decimal" /> 

23 < asp:Parameter Name = "ContentDescription" Type = "String" /> 

24 <asp:Parameter Name = "TOC" Type = "String" /> 

25 < asp:Parameter Name = "CategoryId" TYpe = "Int32" /> 

26 <asp:Parameter Name = "Clicks" TYpe = "Int32" /> 

27 </InsertParameters > 

28 < UpdateParameters> 

29 <asp:Parameter Name = "Title" Type = "String" /> 

30 <asp:Parameter Name = "Author" Type = "String" /> 

31 <asp:Parameter Name = "PublisherId" Type = "Int32" /> 

32 <asp:Parameter Name = "PublishDate" Type = "DateTime" /> 

33 <asp:Parameter Name = "ISBN" Type = "String" /> 

34 <asp:Parameter Name = "UnitPrice" Type = "Decimal" /> 

35 <asp:Parameter Name = "ContentDescription" Type = "String" /> 
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续 表 
行 号 代 码 页 
36 <asp:Parameter Name = "TOC" TYpe = "String" /> 
37 <asp:Parameter Name = "CategoryId" Type = "Int32" /> 
38 <asp:Parameter Name = "Clicks" Type = "Int32" /> 
39 <asp:Parameter Name = "Id" Type= "Int32" /> 
40 </UpdateParameters > 


41 </asp:SqlDataSource> 


2) 显示 内 容 的 选择 


切换 到 页 面 BookList. aspx 的 “设计 ”视图 , 拖 放 一 个 GridView 控件 到 页 面 中 ,修改 其 
ID 属性 值 为 gvBook, 在 “GridView 任务 ”窗口 的 “选择 数据 源 “ 下 拉 列 表 框 中 选择 sdBook 


选项 。 发 现 所 有 字段 都 显示 出 来 了 ,如 图 8-10 所 示 , 但 用 户 只 想 显示 书 名 、 作 者 和 价格 。 


chapter08 - Microsoft Visual Studio 


ahbc 


1d abe 
| SalDataSource -sdBook| 


dTitleAuthorPublisherId, PublishDate ISBNUnitPrice ContentDescriptionTOCCategoryIdGiiai | 
| be 0 2014 :0 a abc0 0 | 


1 由 
2 机 < c 区 
3 2 : < 0. ab 3 
4 2 4 


图 8-10 GridView 控件 绑 定数 据 源 窗 后 的 效果 
选中 GridView 控件 , 单 击 右上 方 的 箭头 ,打开 “GridView 


任务 ”窗口 ,如 图 8-11 所 示 , 在 该 窗口 中 选择 “编辑 列 ” 选 项 , 打 
开 “ 字 段 ” 对 话 框 ,如 图 8-12 所 示 。 Rt 
在 “字段 "对话 框 可 以 设置 显示 的 内 容 、 标 题 以 及 顺序 ,如 | ji 和 析 - 
图 8-12 所 示 。 在 下 侧 的 上 下 箭头 按钮 可 以 调整 列 的 显示 顺序 ， ee 
下 箭头 下 面 的 按钮 作用 是 删除 。 当 选中 某 个 字段 时 ,在 右 侧 的 全 
字段 属性 中 可 设置 相应 属性 。 此 时 只 需要 修改 显示 的 标题 头 
即 可 , 即 在 Header Text 栏 的 属性 值 中 填写 对 应 的 中 文 标题 。 


本 口 启用 排序 
3) 设置 分 页 和 排序 口 启用 编辑 


显示 书籍 信息 列表 一 般 内 容 比较 多 ,需要 设置 分 页 ,如 口语 Ra 
图 8-13 所 示 ,选中 * 启 用 分 页 ” 复 选 框 即 可 。 还 可 以 通过 属性 窗口 启用 迁 定 内 容 


体 中 的 PageSize 属性 设置 每 页 显示 多 少 条 记录 ,如 图 8-14 所 
示 ,AllowPaging 属性 是 设置 是 否 打开 分 页 功能 ,PageIndex 设 图 8-11 


ie 


编辑 列 
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可 用 字段 (A): BoundField 属性 (P): 
日 全 BoundField 图 二 
| ,gd NullDisplayText 
- 国 Tite 引 ReadOnly 
- 村 tr 可 | ShowHeader 
一 国 publisher SortExpr sion 
- 国 publishDate Visible ss 
.ISBN Si 
! = | 
上 -加 Unitprioe 一 AccessibleHeaderText 
添加 (D) 
选 定 的 字段 (5): Y DataFormatString 
3 司 及 
pe herld oo Te 
isner 如 
国 PublishDate 本 nn 
国 ISBN X 
国 Unitprice ! 
是 ContentDescription HeaderText 
TOC 此 字段 的 标 头 内 的 文本 。 
Categorvld | 
口 自动 生成 字段 (G) 将 此 字段 结 换 为 TemplateField 


图 8-12 “字段 "对 话 框 


置 的 是 当前 显示 第 几 页 ,0 页 是 第 一 页 ,PageSize 属性 是 设置 每 页 显示 多 少 条 ,默认 是 10 


条 ,这 里 改 成 4 条 。 
必 性 Eas 
gvBook System.Web.UI.WebControls. » 
ELAN 
CellPadding -1 EC 
CellSpacing 0 
Height | 
HorizontalAlign Left 国 
Width 500px 
日 分 页 二 
刷新 架构 AllowPaging True 
妨 辑 列 … PageIndex 0 
添加 新 列 ..… 日 pagerSettings 
左 移 列 Dr 4 
休 
移 除 列 AllowSorting True 
回 启用 分 页 AutoGenerateColumns False 
启用 排序 AutoGenerateDeleteButton False 
AutoGenerateEditButton False 
口 启用 编辑 AutoGenerateSelectButton False 
口 启用 删除 Enabled True 
EnableModelValidation True 训 | 
口 启用 渤 定 内 容 i 
忽 辑 模板 数据 源 中 每 页 要 显示 的 行 的 数目 。 


图 8-13 设置 分 页 图 8-14 ”分 页 和 排序 
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启动 排序 就 是 按 图 8-13 选中 “启用 排序 ” 复 选 框 。 启 用 排序 就 是 在 单 击 标题 头 时 ,比如 
单 击 “ 单 价 ” 时 ,就 会 按照 单价 所 对 应 的 字段 进行 排序 
最 后 ,还 可 以 将 显示 的 数据 应 用 格式 ,Visual Studio 提供 了 如 图 8-15 所 示 的 几 种 样式 ， 
可 以 方便 地 套用 ,在 图 8-13 中 选择 “自动 套用 格式 ”选项 , 即 可 弹出 “自动 套用 格式 ”对 话 框 ， 
如 图 8-15 所 示 。 


选择 架构 G) 预 顺 : 

移 除 格式 讼 置 

a 书 名 作者 单价 

We 二 abc abc 0 

秋天 abc abc 0.1 

Rl abe abe 0.2 

板 网 2 

雇 莽 和 天 空 abc abe 0.3 
Er 
雪松 

若 盘 中 的 瞎 丁 香 

要 于 1 

蓝 黑 2 

首 蒂 地 

苹果 园 

称 哈 啡 

确定 取消 应 用 必 ) 


图 8-15 “自动 套用 格式 "对话 框 
运行 BookList. aspx 页 面 ,效果 如 图 8-16 所 示 。 


窒 收 藏 夫 “| 区 和 和 


书 名 作者 单价 
动态 网 页 制作 一 一 Javascript 修订 3 
版 9 2 伊 格 编著 5.0000 功名 
网 页 制作 语言 一 一 HTML 伊 格 编著 5.0000 
全 国 计 算 机 等 级 考试 历年 试卷 及 详 会 国 诸 生机 半 估 和 识 束 村 
解 汇编 二 级 Visual Basic 和 人 10.0000 
可 寥 化 入 各 六 用 /isual Basic 6 
er 冻 习 ( 等 测 引 和 杜 秋 华 ， 康 慧 芳 编著 。 12.0000 

| 救市 


i 汪 起 晨 阳 ， 杨 静 ， 梁 建国 。 13 0000 


Visual Basic 6.0 程 序 设计 实 驴 教程 ” 柴 欣 .部 淑 珍 主编 14.0000 


12345678910 


晤 本 地 Intranet 给 ~- 怕 100% - 


图 8-16 页面 BookList. aspx 运行 效果 
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整个 步骤 没有 编写 一 行 代码 ,不 仅 实现 了 显示 、 排 序 分 页 的 功能 ,还 有 不 错 的 显示 效果 。 
查看 视图 中 的 代码 ,可 以 发 现 ,SqlDataSource 控件 通过 GridView 控件 的 DataSourceID 属性 绑 
定 到 GridView。 


2. 编码 指定 数据 源 


上 面 使 用 数据 源 控件 方式 轻松 实现 了 图 书信 息 的 显示 、 排 序 和 分 页 功能 ,但 此 种 方式 灵 
活性 不 够 ,在 实际 项 目 中 很 少 使 用 。 下 面 以 “新 知 书店 ”图 书 列表 的 显示 为 例 来 介绍 编码 指 
定数 据 源 方式 ,此 方式 要 通过 手写 代码 实现 排序 分页、 更 新 和 删除 等 操作 ,由 于 是 手工 编 
写 ,因此 灵活 性 高 ,实际 项 目 中 也 基本 采用 这 种 方式 。 

【示例 8-2】 用 编码 指定 数据 源 方式 实现 新 知 书店 (管理 端 ) 图 书 列表 的 显示 。 

1) 图 书 列表 显示 数据 访问 层 与 业务 逻辑 层 的 实现 

图 书 列表 显示 数据 访问 层 与 业务 逻辑 层 的 工作 主要 就 是 对 图 书信 息 表 (Books) 进 行 查 
询 并 返回 一 个 图 书 列表 对 象 集合 。 

(1) 图 书 列表 数据 访问 层 的 实现 。 

在 BookShopDAL 项 目的 BookService. 类 中 ,添加 一 个 获取 图 书 列表 对 象 的 方法 ,代码 
如 表 8-4 所 示 。 


表 8-4 图 书 列表 显示 数据 访问 层 BookService 类 代码 


行 号 代 码 页 
01 public class BookService 
02 { 
03 string connection = ConfigurationManager. ConnectionStrings["BookShop"].ConnectionString; 
04 /// < summary> 
05 /// 获取 所 有 图 书信 息 列表 
06 /// </summary> 
07 /// < returns > 图 书 列表 对 象 </returns > 
08 public List < Book> GetBooks() 
09 { 
10 string sqlAll = "SELECT x FROM Books"; 
和 return GetBooksBySql( sqlAl1); 
12 } 
13 /// < summary> 
14 /// 根据 查询 字符 串 获取 图 书 列表 对 象 
5 /// </summary> 
16 /// < param name = "safeSql"> SQL 语句 </param> 
地 /// < returns > 图 书 列表 对 象 </returns > 
18 public List < Book > GetBooksBySql(string safeSql) 
9 { 
20 List <Book> list = new List < Book>(); 
21 DataSet ds = SqlHelper. ExecuteDataset(this.connection, CommandType. Text, safesql); 
22 if (ds.Tables.Count > 0) 


23 { 
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续 表 

行 号 代 码 页 

24 DataTable dt = ds.Tables[0]; 

25 foreach (DataRow row in dt. Rows) 

26 { 

27 Book book = new Book(); 

28 book. Id = (int)row["Id"]; 

29 book. Title = (string)row["Title"]; 

30 book. Ruthor = (string)row["Author"]; 

31 book. PublishDate = (DateTime)row["PublishDate"]; 

32 book. ISBN = (string)row["ISBN"]; 

33 book. UnitPrice = (decimal)row["UnitPrice"]; 

34 book. ContentDescription = (string)row["ContentDescription"]; 

35 book. TOC = (string)row["TOC"]; 

36 book. Clicks = (int)row["Clicks"]; 

37 book. Publisher = new PublisherService ( ). GetPublisherById (( int ) row 
["PublisherId"]); //FK 

38 book. Category = new CategoryService ( ). GetCategoryById (( int ) row 
["CategoryId"]); //FK 

39 list. Add( book); 

40 | 

41 } 

42 return list; 

43 } 

44 } 


(2) 图 书 列表 业务 逻辑 层 的 实现 。 
在 BookShopBLL 项 目的 BookManager 类 中 ,添加 相应 方法 ,代码 如 下 。 


public class BookManager 
, public List < Book> GetBooks() 

return new BookService( ). GetBooks( ); 
} 


2) 图 书 列 表 的 绑 定 

(1) 将 GridView 控件 拖 和 解决 方案 BookShop 下 Web 网 站 项 目 中 的 admin 文件 夹 的 
BookList. aspx 页 面 中 ,将 其 ID 属性 值 修改 为 gvBooks. 如 图 8-17 所 示 。 

(2) 切换 到 BookList. aspx. cs 文件 ,在 BookList. aspx 页 面 的 Page_Load 事件 方法 中 
编写 如 下 代码 ,实现 数据 和 GridVievw 控件 的 绑 定 。 


protected void Page_Load(object sender, EventArgs e) 
{ 
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if (!IsPostBack) 
由 


this. gvBooks. DataSource = new BookManager().GetBooks(); 


图 8-17 将 GridView 控件 拖 入 BookList. aspx 内 容 页 的 效果 


同 DropDownList 的 数据 绑 定 一 样 ,这 里 也 要 先 指定 数据 源 ( 即 指定 DataSource) 为 
GetBooks() 方 法 返回 的 List< Book 二 集合 ,再 使 用 DataBind() 方 法 实现 绑 定 。 


(3) 运行 代码 后 发 现 数据 全 部 显示 出 来 , 且 Header 显示 的 是 数据 库 中 的 字段 名 称 , 格 
式 也 不 美观 ,现在 来 完善 数据 显示 , 先 选择 需要 显示 的 列 , 如 图 8-18 所 示 。 


字段 


? x 
可 用 字段 (A): : 
六 回 BoundField 
| 司 CheckBoxField 
-四 HyperLinkField 
| -加 ImaoeField 
| -本 ButtonField 
二 CommandField 
-本 Templatefield 


添加 (D) 


名 
园 司 司 


| 
| 应 用 于 名 定 值 的 格式 设置 便 W，《0:d 或 0:97 


次 此 宇航 结 欣 为 Templatefield 


口 自动 生成 字段 (G) 


Cw | ww ] 


8-18 选择 绑 定 列 
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添加 BoundField 字段 ,在 DataField 属性 中 设置 显示 的 字段 。 注 意 ,如 果 仅 仅 设 置 显示 
的 字段 ,会 发 现 系 统 又 重复 显示 了 一 遍 所 有 的 数据 ,解决 的 办 法 是 将 GridView 的 
AutoGenerateColumns 属性 设置 为 False 或 取消 选中 图 8-18 中 的 “自动 生成 字段 " 复 选 框 。 
AutoGenerateColumns 属性 表示 是 否 为 数据 源 中 的 每 一 字段 自动 创建 BoundColumn 对 象 
并 在 GridView 控件 中 显示 这 些 对 象 。 

(4) 设置 分 页 ,首先 将 GridView 控件 的 AllowPaging 属性 设置 为 True, 设 置 成 允许 分 
页 ,然后 编写 GridView 控件 的 PageIndexChanging 事件 方法 代码 如 下 : 


/// < summary> 
/// gvBooks 对 象 的 PageIndexChanging 事件 方法 
/// </summary> 
/// <param name = "sender"></param> 
/// <param name = "e"></param> 
protected void gvBooks_PageIndexChanging(object sender, GridViewPageEventArgs e) 
{ 
this. gvBooks. PageIndex = e.NewPageIndex; 
// 需 要 重新 绑 定 图 书 列表 
this. gvBooks. DataSource = new BookManager().GetBooks(); 
this. gvBooks. DataBind( ); 
!; 


其 中 ,NewPageIndex 属性 表示 页 面 选中 的 页 索引 。 

3) 绑 定 字 段 的 设置 

刚才 在 选择 绑 定 列 时 ,选择 的 都 是 BoundField 字段 ,其 实 GridView 控件 提供 了 7 种 数 
据 绑 定 列 的 类 型 。 

(1) BoundField: 用 于 显示 普通 文本 ,是 默认 的 数据 绑 定 列 的 类 型 ,一 般 自 动 生成 的 列 
就 是 该 类 型 。BoundField 字段 的 常用 属性 如 表 8-5 所 示 ,需要 注意 的 是 ,DataFormatString 
属性 可 以 设置 显示 的 格式 ,常见 的 格式 有 以 下 几 种 : 

。 {0:C} ,设置 显示 的 内 容 是 货币 类 型 。 

。 {0:N) ,设置 显示 的 内 容 是 数字 。 

。 {0:yy-MM-dd} ,设置 显示 的 是 日 期 格式 。 


表 8-5 BoundField 字段 的 常用 属性 


属 性 说 有明 

DataField 指定 列 将 要 绑 定 字 段 的 名 称 , 如 果 是 数据 表 则 为 数据 表 的 字段 ; 如 果 是 
对 象 , 则 为 该 对 象 的 属性 

DataFormatString 用 于 格式 化 DataField 显示 的 格式 化 字符 串 。 例 如 如 果 需 要 指定 4 位 小 
数 , 则 格式 化 字符 串 为 {0: F4); 如 果 需 要 指定 为 日 期 , 则 格式 字符 串 为 
{0:d} 

ApplyFormatInEditMode 是 否 将 DataFormatString 设置 的 格式 应 用 到 编辑 模式 

HeaderText、 前 两 个 用 于 设置 列 头 和 列 尾 区 显示 的 文本 。HeaderText 属性 通常 用 于 

FooterText、HeaderImageUrl 显示 列 名 称 。 列 尾 可 以 显示 一 些 统计 信息 

ReadOnly 列 是 否 只 读 ,默认 情况 下 ,主键 字段 是 只 读 ,只 读 字 段 将 不 能 进入 编辑 


模式 


268 


SN 


ASP, NET 网 站 开发 项 目 化 教程 


续 表 
属 性 说 明 
Visible 列 是 否 可 见 。 如 果 设 置 为 false, 则 不 产生 任何 HTML 输出 
HtmlEncode HtmlEncode 指定 是 否 对 显示 的 文本 内 容 进行 HTML 编码 ,默认 值 
为 true 


(2) TemplateField: 它 允许 以 模板 形式 自 定 义 数据 绑 定 列 的 内 容 。 它 是 这 几 种 绑 定 列 
中 最 灵活 的 表现 形式 ,但 也 是 最 复杂 的 ,甚至 可 能 需要 编写 HTML 代码 ,GridView 控件 的 
模板 列 如 表 8-6 所 示 。 
表 8-6 ”GridView 控件 的 模板 列 


模 板 说 明 
AlternatingItemTemplate 为 交替 项 指定 要 显示 的 内 容 
EditItemTemplate 为 处 于 编辑 模式 中 的 项 指定 要 显示 的 内 容 
FooterTemplate 为 对 象 的 脚注 部 分 指定 要 显示 的 内 容 
HeaderTemplate 为 标 头 部 分 指定 要 显示 的 内 容 
InsertItemTemplate 为 处 于 插入 模式 中 的 项 指定 要 显示 的 内 容 。 只 有 DetailsView 控件 支持 该 
模板 
ItemTemplate 为 TemplateField 对 象 中 的 项 指定 要 显示 的 内 容 


从 表 8-6 可 看 出 ,GridVievw 控件 的 模板 列 有 普通 项 (ItemTemplate) .交替 项 (Alternat- 
ingItemTemplate) ,编辑 项 (EditItemTemplate) .插入 项 (InsertItemTemplate) .脚注 (Foot- 
erTemplate)、 标 头 (HeaderTemplate), GridView 本 身 还 提供 空 数 据 项 (EmptyDataTem- 
plate) \ 页 导航 (PageTemplate) ,可 以 根据 需要 选择 要 设置 的 模板 。 

模板 字段 的 添加 有 两 种 方式 : 直接 添加 或 者 将 现 有 字段 转换 为 模板 字段 。 首 先 使 用 直 
接 添 加 方式 加 入 多 选 的 列 , 如 图 8-19 所 示 。 

可 用 字段 (A): b 字 眉 属性 (P): 
回 BoundFleld 
| 加 ChedkBoxRiald 
司 HypertinkFlald 
ImageField 


加 ButtonField 
-CommandField 


Em 3 
选 定 的 字段 (5): 
国 书 名 主 
习作 者 
日 单价 加 
x 
口 自 动 生成 字段 (G) 


8-19 ”添加 模板 列 
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添加 模板 列 后 ,可 以 通过 单 击 GridView 控件 的 选项 按钮 ,编辑 模板 ,如 图 8-20 所 示 。 


紧 现 在 的 位 置 : 根 节 点 > 区 节点 > 当前 节点 


添加 新 列 .… 


8-20 编辑 模板 列 


可 以 看 到 ,模板 列 也 可 以 将 控件 拖 入 页 面 ,这 样 编辑 起 来 就 比较 方便 。 如 果 不 喜 欢 这 种 
方式 ,可 以 直接 在 模板 中 编写 HTML 如 下 代码 : 


< asp:TemplateField HeaderText = "全 选 "> 
<HeaderTemplate> 
< input type = "checkbox" /> 全 选 
</HeaderTemplate> 
< ItemTemplate > 
< asp:CheckBox ID = "chbSelect" runat = "server" /> 
</ItemTemplate> 
< ControlStyle Width= "50px" /> 
</asp:TemplateField> 


这 段 代 码 就 是 在 图 8-21 中 看 到 的 模板 列 的 代码 ,这 里 只 设置 了 普通 项 模板 和 标题 头 
模板 。 
您 现在 的 位 置 : 报 节点 》 父 节点 > 当前 节点 。 。” 八 现 在 的 位 置 : 报 节点 > 发 节点 》 当 前 节点 


[sphadmin( 自 年: 
物 索 类 别 : 


gvBooks - Column[3] - 全 选 | gvBooks - Column[3] - 全 选 | 


ItemTemplate HeaderTemplate | 


三 [chbselect] 厂 全 选 


图 8-21 编辑 模板 列 界面 
刚才 只 是 在 模板 列 中 显示 了 一 个 固定 的 内 容 , 但 用 户 经 常 需要 在 列 中 展现 数据 。 下面 


介绍 自动 转换 的 模板 列 ,将 自动 生成 的 书 名 列 转换 为 模板 列 , 如 图 8-22 所 示 。 
转换 后 的 代码 如 下 : 


<asp:TemplateField HeaderText = " 书 名 "> 
dren 
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SA 


// 注 意 单 引号 的 使 用 
<asp:TextBox ID = "TextBox1" runat = "server" Text = '<%# Bind("Title") %>'></asp: 
TextBox> 
</EditItemTemplate > 
< ItemTemplate> 
// 绑 定 字段 的 方法 ,可 以 调用 Eval() 或 Bind() 
< asp:Label ID = "Label1" runat = "server" Text = '<%# Bind("Title") %>'></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 


字段 
可 用 字段 [A): BoundField 属性 (P): 
| 国 BoundField 本 多 
| 国 CheckBoxField NullDisplayText 
| 加 HyperLinkField Readonly False 
| ee ] ShowHeader True 
| 国 Button 
由 器 CommandField es True 
| 加 TemplateFleld 司 日 可 访问 性 
B DvnamicField 二 AccessibleHeaderText 
添加 (D) 日 数据 
DataField Title 
选 定 的 字段 (5): DataFormatString 
于 和 全 日 外 观 
FooterText 
四 | HeaderImageUrl 
[xj HeaderText 书 名 
旦 样式 < 
HeaderText 
此 字段 的 标 头 内 的 文本 。 


DERG < 
取消 


图 8-22 转换 成 模板 列 


使 用 二 %# Bind(" 字 段 名 ") % 二 就 可 以 实现 在 模板 列 中 展示 数据 。 若 要 灵活 显示 内 
容 的 列 ,可 以 使 用 模板 列 。 那 么 如 果 绑 定 的 是 对 象 怎么 办 呢 ? 比如 图 书 的 分 类 ,在 图 书 的 属 
性 中 它 是 作为 一 个 对 象 处 理 的 ,如 果 直 接 绑 定 该 属性 名 二 %#Eval("Category") % 记 ,将 
会 显示 如 图 8-23 所 示 的 结果 。 


书 名 分 类 全 选 
框架 设计 (第 2 版 ) : CLR Yia C# BookShor. Models. Category 口 
cH 程序 设计 教程 (第 二 版 ) BookShop. Models. Category 口 
深度 探索 c++ 对 象 模 型 BookShor. Models. Category 口 
Expert C# 2005 Fusinsss Objacts 中 文 版 (第 二 版 ) BookShor. Models. Category 口 
Yisual C# 2005 从 人 入门 到 精通 ookShop.Models.Category 口 
12345678910., . 


图 8-23 直接 绑 定 分 类 属性 的 结果 
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显示 的 是 分 类 的 对 象 名 。 不 过 它 也 给 了 一 个 提示 : 此 处 作为 对 象 进行 处 理 。 可 以 通过 
对 象 访问 它 的 Name 属性 。 
分 类 名 称 显示 的 代码 如 下 : 


<asp:TemplateField HeaderText = "分 类 "> 
< EditItemTemplate> 
< asp:TextBox ID = "TextBoxl”runat = "server" Text = '<% # Bind("Category. Name") %>'> 
</asp:TextBox> 
</EditItemTemplate> 
<ItemTemplate> 
<asp:Label ID = "Labell" runat = "server" Text = '<%# Bind("Category. Name") $%>'></asp: 
Label > 
</ItemTemplate> 
</asp:TemplateField> 


通过 这 段 代码 ,可 以 体会 到 面向 对 象 编程 的 好 处 ,如 果 使 用 传统 的 DataSet 方式 ,只 能 
通过 联 表 查 询 才 可 以 得 到 分 类 的 名 称 。 

使 用 Bind() 方 法 也 可 以 实现 在 模板 列 中 展示 数据 ,在 上 述 代码 中 ,Bind() 方 法 完全 可 
以 用 Eval() 方 法 替代 。 

释疑 : Bind() 方 法 和 Eval() 方 法 的 区 别 。Eval() 方 法 以 数据 字段 的 名 称 作为 参数 , 通 
常用 来 在 模板 中 绑 定数 据 并 以 表达 式 的 形式 显示 数据 ; 针对 使 用 数据 源 控件 操作 数据 ,是 
只 读 方法 ( 单 向 数据 绑 定 )。 比 如 图 书 的 ISBN ,并 不 想 让 用 户 做 任何 修改 ,就 可 以 使 用 代码 : 
二 %# Eval(" 字 段 名 "). ToString(). Trim() % 记 ,Eval 还 有 一 个 重 载 方法 ,可 以 实现 格式 
化 ,比如 需要 显示 图 书 的 出 版 日 期 ,就 可 以 使 用 : 二 %# Eval("PublishDate"，"{10:dd/ 
MMVyyyy)") % 二 ,其 中 0 代表 对 应 的 PublishDate 字段 ,而 dd/MM/yyyy 指明 了 最 终 显 
示 文 本 的 格式 。Bind() 方 法 支持 读 / 写 功能 (双向 数据 绑 定 ) ,该 方法 常常 与 数据 控件 (如 
TextBox 控件 ) 再 加 上 数据 源 控件 (如 ObjectDataSource 控件 ) 一 起 使 用 ,达到 更 新 数据 的 目 
的 ,如 图 书 的 标题 可 以 修改 ,可 设置 为 : 二 %Bind("Title")% 放 ,Bind() 方 法 也 支持 Eval() 方 法 
类 似 格式 化 重 载 方法 。 

(3) ButtonField 字段 :这 是 一 个 按钮 ,可 以 通过 CommandName 设置 按钮 的 命令 ,通常 
使 用 自 定义 代码 实现 命令 按钮 发 生 之 后 的 操作 。 

(4) CommandField: CommandField 字段 和 ButtonField 字段 类 似 , 它 提供 了 创建 命令 
按钮 的 功能 。 相 比 而 言 , 它 是 一 个 特殊 的 字段 ,显示 了 用 于 在 数据 绑 定 控件 中 执行 选择 、 编 
辑 .插入 或 删除 操作 的 命令 按钮 ,自动 生成 命令 ,无 须 手 写 代码 。 

(5) HyperLinkField: HyperLinkField 允许 将 所 绑 定 的 数据 以 超 链 接 的 形式 显示 出 
来 ,可 以 定义 绑 定 超 链 接 的 显示 文字 ` 超 链接 .打开 窗口 方式 等 。 比 如 ,图 书 需要 显示 一 个 指 
向 详细 页 面 的 超 链 接 , 代 码 如 下 : 


< asp: HyperLinkField DataNavigateUrlFormatString = " DetailsView. aspx? id = {0}" 
DataNavigateUrlFields = "Id" Text = "详细 " /> 


(6) ImageField: ImageField 可 以 在 GridView 控件 所 呈现 的 表格 中 显示 图 片 列 , 一 
般 来 说 , 它 绑 定 的 内 容 是 图 片 的 路 径 , 比 如 图 书 的 封面 ,就 可 以 使 用 ImageField: 
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<asp: ImageField DataImageUrlField = "ISBN" DataImageUrlFormatString = "~ /images/BookCovers/ 
{0}. jpg" 

HeaderText = "封面 "> 
</asp: ImageField> 


(7) CheckBoxField: CheckBoxField 可 以 使 用 复 选 框 的 形式 显示 布尔 类 型 的 数据 , 注 
意 , 只 有 当 该 控件 中 有 布尔 型 的 数据 时 才 可 以 使 用 CheckBoxField。 

4) 多 选 和 光 棒 效果 

多 选 和 光 棒 效果 都 需要 通过 客户 端 脚本 实现 ,但 实现 方式 却 差别 很 大 。 

(1) 多 选 效 果 : 多 选 效 果 完 全 可 以 通过 脚本 进行 实现 。 选 择 的 控件 最 终生 成 一 个 input 
的 HTML 标签 , 它 的 类 型 是 checkbox。 由 于 这 个 页 面 中 只 有 一 个 组 复 选 框 ,可 以 遍历 所 有 
input 标签 ,对比 其 type 属性 是 不 是 checkbox, 如 果 是 checkbox, 就 将 它 设置 成 选择 状态 。 
代码 如 下 : 


< script language = "javascript"> 


function GetAllCheckBox(CheckAl1) { // 以 “全 选 ?前 面 的 复 选 框 多 项 做 参数 
var items = document. getElementsByTagName("input"); // 获 取 所 有 input 对 象 的 列表 
// 并 遍历 该 列表 


for (i = 0; i < items.length; i++) { 
if (items[i].type == "checkbox") { // 判 断 遍历 input 对 象 列表 中 的 对 象 是 否 为 checkbox 
items[ i] . checked = CheckAll. checked; 
} 


</script> 


这 段 JS 代码 很 容易 理解 。 男 外 ,还 需要 在 “全 选 " 前 面 的 复 选 框 上 添加 onclick = 
“GetAllCheckBox(this) ”事件 。 如 果 在 页 面 中 有 多 组 复 选 框 ,就 稍微 复杂 一 些 ,为 每 组 复 选 
框 定义 它们 的 Name 属性 ,然后 根据 该 属性 确认 哪 组 需要 选中 就 行 了 。 

(2) 光 棒 效果 : 实现 光 棒 效果 ,就 是 改变 某 行 的 背景 颜色 。 在 样式 表 中 ,background- 
Color 属性 用 于 设置 对 象 的 背景 颜色 。 使 用 JS 时 ,可 以 通过 this. backgroundColor 来 获得 
或 者 设置 某 对 象 的 背景 色 。 

只 需要 给 需要 高 亮 显示 的 行 添加 两 个 事件 onmouseover 和 onmouseout。On- 
mouseover 在 鼠标 移动 到 对 象 所 在 区 域 时 执行 ,而 onmouseout 在 鼠标 离开 对 象 所 在 区 域 时 
执行 。 可 以 在 这 两 个 事件 上 编写 代码 ,实现 高 亮 效 果 。 在 表格 中 的 每 一 行 添加 这 两 个 时 间 
就 可 以 了 。 但 表格 中 的 行 是 绑 定 生成 的 ,因此 需要 在 这 些 生成 的 行 上 添加 事件 。 

在 GridVies 中 ,有 一 个 RowDataBound 行 绑 定 事件 ,可 以 在 绑 定 行 的 时 候 , 设 置 当前 行 
鼠标 移动 效果 ,代码 如 下 : 


/// < summary> 

/// gvBooks 的 行 绑 定 事 件 

/// </summary> 

/// < param name = "sender"></param> 
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/// <param name = "e"></param> 
Protected void gvBooks_RowDataBound(object sender, GridViewRowEventArgs e) 
ul 
if (e. Row. RowTYpe == DataControlRowType. DataRow) 
中 
e. Row. Attributes. Add ( " onmouseover", "currentcolor = this. style. backgroundColor; 
this. style. backgroundColor = '#6699ff""); 
// currentcolor 变量 用 于 记录 变色 前 的 背景 色 , 当 和 鼠标 离开 时 ,背景 色 恢复 到 变色 之 前 
e. Row. Attributes. Add( "onmouseout", "this. style. backgroundColor = currentcolor"); 


1 


按 上 述 步骤 完成 后 ,运行 BookList. aspx 页 面 后 的 效果 如 图 8-24 所 示 。 


fi - Windows Internet Explorer 
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图 8-24 ”编码 指定 数据 源 方式 实现 的 图 书 列表 页 面 


8.1.3 DataList 控件 


在 互联 网 广泛 进入 人 类 生活 的 今天 ,很 多 人 都 有 在 网 上 购物 的 体验 ,图 8-25 展示 了 亚 
马 逊 网 上 书店 的 图 书 列表 页 。 

对 于 多 行 多 列 数据 (或 称 为 表格 类 数据 ) 的 展示 ,一 般 会 选择 前 面 讲 过 的 GridView 控 
件 。 对 于 模块 化 的 单行 多 列 或 者 多 行 单列 的 数据 则 通过 DataList 控件 比较 合适 ,如 图 8-26 
所 示 。 

DataList 控件 默认 情况 下 以 表格 的 形式 显示 数据 ,优点 是 用 户 可 以 为 数据 创建 任意 格 
式 的 布局 。 显 示 数 据 的 格式 在 创建 的 模板 中 定义 。 可 以 为 项 、 交 蔡 项 、 选 定 项 和 编辑 项 创建 
模板 。 表 头 、 脚 注 和 分 隔 符 模板 也 用 于 自 定义 DataList 的 整体 外 观 。 通 过 在 模板 中 添加 
Button 和 LinkButton 等 控件 ,可 将 列表 项 连接 到 代码 ,这 些 代码 使 用 户 得 以 在 显示 、 选 择 
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村 款 情 (12 4609) 
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图 8-25 ”亚马逊 网 上 书店 图 书 列表 
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图 8-26 表格 形式 内 容 


和 编辑 模式 之 间 进 行 切换 ,DataList 控件 支持 的 模板 如 表 8-7 所 示 。 


表 8-7 DataList 控件 支持 的 模板 


属 性 


描 述 


ItemTemplate 
HeaderTemplate 
FooterTemplate 
EditItemTemplate 


SelectedItemTemplate 


SeparatorTemplate 


项 模板 ,包含 一 些 HTML 元 素 和 控件 ,将 为 数据 源 中 的 每 一 行 呈 现 一 次 这 些 
HTML 元 素 和 控件 

页 眉 模板 ,包含 在 列表 的 开始 处 呈现 的 文本 和 控件 

页 脚 模板 ,包含 在 列表 的 结束 处 呈现 的 文本 和 控件 

编辑 项 模板 ,指定 当 某 项 处 于 编辑 模式 中 时 的 布局 。 此 模板 通常 包含 一 些 编 
辑 控 件 ,如 TextBox 控件 

选中 项 模板 ,包含 一 些 元 素 , 当 用 户 选 择 DataList 控件 中 的 某 一 项 时 将 呈现 这 
些 元 素 

分 隔 符 模板 ,包含 在 每 项 之 间 呈 现 的 元 素 。 典 型 的 示例 可 能 是 一 条 直线 (一 般 
用 二 hr 二 ) 


AlternatingItemTemplate 交替 项 模板 ,包含 一 些 HTML 元 素 和 控件 ,将 为 数据 源 中 的 每 两 行星 现 一 次 


这 些 HTML 元 素 和 控件 
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1. 使 用 DataList 绑 定数 据 


DataList 控件 可 用 于 创建 模板 化 的 列表 数据 ,可 以 显示 诸如 多 行 单列 的 内 容 ,可 用 于 任 
何 重复 结构 中 的 数据 。 

首先 ,将 DataList 控件 拖 和 页面 ,DataList 控件 不 像 GridView 控件 那样 直接 显示 一 个 
表格 ,而 是 需要 编辑 模板 列 。DataList 同 GridView 控件 一 样 , 可 以 通过 右键 快捷 菜单 选择 
“编辑 模板 ”命令 ,进行 模板 的 可 视 化 编辑 。DataList 中 的 模板 与 GridView 相 比 , 少 了 In- 
sertItemTemplate, 增 加 了 选 定 项 模板 (SelectItemTemplate) 和 分 隔 符 模板 (SeparatorItem- 
Template) 。 下 面 以 某 电子 商城 的 网 上 商品 展示 为 例 介 绍 DataList 的 使 用 ,实现 商品 展示 
的 页 面 效 果 如 图 8-27 所 示 ,电子 商城 系统 的 商品 项 表 Item 结构 如 表 8-8 所 示 。 

商品 列表 《使 用 Datalist 控 件 绑 定 教 据 ) - Windows Internet Explorer - 


FO Ie http://ocalhost:4460/Da 立 [|[x| | 户 百 度 Djs] 
言 收 茂 太 ”| 荐 商品 列表 《使 用 Datalist 控 件 绑 定数 .| 


商品 名 称 / 出 售 者 联系 方式 价格 
杜 比 环绕， 家 庭 影 院 必 各 ， 超 真实 享受 


联系 电话 ，15910839372 9965.12 


口 全 选 ”商品 图 片 


NVDIA 9999GT 512MB 256bit 极 品 显卡 ， 不 
容错 过 

联系 电话 ，13303346596 

出 售 者 ， fisa 


1008.12 


精品 热 过 ， 高 清晰 ，30 寸 等 离子 电视 
联系 电话 ，15956289687 
出 售 者 ， rikekate 


Sony 索 尼 家 用 最 新 款 笔记 本 
联系 电话 ，13629475861 5000.00 
出 售 者 ， lara 


守成 | | | | 局 本 地 Intanet 而 -| 100% - ;| 


图 8-27 电子 商城 的 商品 展示 页 面 效 果 
表 8-8 电子 商城 的 商品 项 表 Item 


字 段 名 字段 含义 数据 类 型 字段 大 小 备 注 
itemld 商品 Id int 主键 , 自 增 1 
imagePath 商品 图 片 路 径 varchar 50 非 空 
itemname 商品 名 称 varchar 50 非 空 
saler 出 售 者 varchar 50 非 空 
telephone 电话 varchar 15 非 空 
Price 商品 价格 decimal 18 非 空 


categoryID 商品 分 类 Id int 外 键 
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列表 中 每 行 显示 的 内 容 样 式 是 相同 的 ,只 是 数据 不 同 。 因 此 每 行 显示 的 内 容 可 以 编写 
在 一 个 ItemTemplate 中 ,每 行 的 布局 可 以 通过 一 个 3 行 3 列 的 二 Table 二 来 实现 。 关 键 代 
码 如 下 : 


<asp:DataList ID = "dlItems" runat = "server" CssClass = "margin" CellPadding = "4" ForeColor 
= "#333333"> 
<AlternatingItemStyle BackColor = "White" /> 
< FooterStyle BackColor = "#1C5E55" Font - Bold = "True" ForeColor = "White" /> 
< HeaderStyle BackColor = "#1C5E55" Font — Bold= "True" ForeColor = "White" /> 
< HeaderTemplate> 
</HeaderTemplate > 
< ItemStyle BackColor = " # E3EAEB" /> 
< ItemTemplate> 
<table border = "0" width= "800" style= "border - collapse: collapse"> 
<tr> 
<td rowspan = "3" style= "width: 10%"> 
<asp:CheckBox ID = "ch" runat = "server" /> 
<asp: HiddenField runat = " server" ID = "hdid" Value = '<% # Eval 


("itemid") %>'/> 
</td> 
<td rowspan= "3" style= "width: 20% "> 
<imgalt="" src='<%# Eval("imagePath") % >' style = "width: 100px; 
height: 100px;" /> 
</td> 
<td style= "width: 50% "><%# Eval("itemname") %></td> 
<td rowspan = "3" style= "width: 20%"> <%# Eval("price") %></td> 
</tr> 
<tr> 
<td> 联 系 电 话 : <% # Eval("telephone")%></td> 
</tr> 
<tr> 
<td> 出 售 者 : <% # Eval("saler")%></td> 
</tr> 
</table> 
</ItemTemplate> 
< SelectedItemStyle BackColor = " #C5BBAF" Font - Bold = "True" ForeColor = "#333333" /> 
< SeparatorTemplate> 
<hr /> 
</SeparatorTemplate> 
</asp:DataList > 


接 下 来 ,在 Default. aspx 页 面 后 置 代码 中 完成 数据 绑 定 (数据 访问 层 及 业务 逻辑 层 代 码 在 
教学 资源 中 ) ,DataList 支持 同 GridView 相同 的 绑 定 操作 ,代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 
{ 
if (!Page. IsPostBack) 
{ 
this. BindList(); 
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了 
public void BindList() 
{ 


IList < Item > items = ItemService. GetItems(); //GetItenms() 为 数据 访问 层 定义 的 取得 全 


// 部 商品 信息 的 方法 
this. dlItems. DataSource = items; 


this. dlItems. DataBind( ); 


运行 使 用 DataList 控件 展示 数据 的 页 面 ,效果 如 图 8-27 所 示 , 从 源 文件 中 可 以 发 现 数 
据 其 实 是 以 HTML 中 的 二 Table> 方 式 呈 现 的 。 


2. DataList 属性 与 事件 
DataList 的 常用 属性 和 事件 如 表 8-9 所 示 。 


表 8-9 DataList 的 常用 属性 和 事件 
属性 和 事件 说 有明 


RepeatColumns 显示 的 列 数 。 默 认为 0, 表 示 单 行 或 单列 显示 
属性 RepeatDirection 获取 或 设置 DataList 的 显示 方向 , Horizontal: 水 平 ,Vertical: 垂直 


DataKeyField 获取 或 设置 指定 的 数据 源 中 的 键 字段 
DataKeys 获取 每 个 记录 的 键 值 

EditCommand 单 击 DataList 中 某 项 编辑 按钮 时 引发 
ItemCommand 单 击 DataList 中 某 项 按钮 时 引发 


事件 ItemDataBound 将 DataList 中 的 数据 项 绑 定 到 数据 时 引发 
UpdateCommand 单 击 DataList 中 某 项 更 新 按钮 时 引发 
DeleteCommand 单 击 DataList 中 某 项 删除 按钮 时 引发 


1) RepeatColumns 与 RepeatDirection 


RepeatColumns 与 RepeatDirection 属性 为 DataList 控件 的 数据 显示 提供 了 更 灵活 的 
空间 ,效果 如 图 8-28 所 示 。 


商品 列表 《Datalist 的 RepeatDirection、 RepeatColumns》 - Windows Internet Explorer 


DD | htp ,loalhost:4460/DataUist/DataUstpropertyaspx 国 国 i] Pp 5a PF 
请 收 大 顽 。 大 商 吕 列 末 《Datal jsth9RepeatDiredio- 


出 售 者 联系 方式 


精 旺 热 考 ， 高 入 晰 ，30 十 等 高 了 电视 


出 告 者 。 deskae 


3 ER 人 100% ~ 


000 00 


8-28 ”RepeatColumns 与 RepeatDirection 属性 的 商品 展示 效果 (DataListProperty. aspx 页 面 ) 
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可 以 将 图 8-28 中 的 DataList 看 成 单行 ,每 行 显示 两 列 , 代 码 如 下 : 


<asp:DataList ID = "dlItems" runat = "server" CssClass = "margin" CellPadding = "4" 
ForeColor = "#333333" Width="500px" RepeatColumns="2" RepeatDirection = "Horizontal"> 
< 一 -省 略 其 他 代码 -> 

</asp:DataList > 


也 可 以 将 图 8-28 中 的 DataList 看 成 是 单列 ,每 列 显 示 两 行 ,代码 如 下 : 


<asp:DataList ID = "dlItems" runat = "server" CssClass = "margin" CellPadding = "4" 
ForeColor = "#333333" Width="500px" RepeatColumns="2" RepeatDirection= "Vertical"> 
<% 一 -省 略 其 他 代码 -- 和 > 


</asp:DataList > 


2) DataKeyField 与 DataKeys 


如 何在 每 项 商品 信息 后 添加 一 个 “删除 ”按钮 用 于 删除 相应 的 商品 ,或 添加 一 个 “详细 ” 
按钮 , 单 击 后 链接 到 商品 的 详细 介绍 页 面 。 可 以 通过 DataKeys 属性 获取 DataKeyField 属 
性 设置 的 主键 字段 值 。 例 如 为 图 8-28 中 的 每 件 商 品 添加 一 个 “删除 ”按钮 ,如 图 8-29 所 示 。 


ist 的 DatakeyFieldDatakeys) - Windows Internet Explorer 


[+73) Hocalhost: 


4 tp x PA 可 
襄 履 大大 湖南 品 列 下 CDatalistNDatakeyFialaD | 


YDatalistDelete.aspx 


绕 ， 训话 明示 各 ， 毅 直 突 章 受 
口 国 联系 电话 ，1s910s39372 话 ” 
迪生 省 ， xha 
精品 热 都， 着 请 听 ，30 呈 等 训 了 自视 
口 | 联系 则 话 ，15956289687 误 ” 


出 告 者 ， skie 


司 相 地 Intranet 


-00% ~ 


图 8-29 ”为 每 件 商 品 信 息 添 加 一 个 “删除 ”按钮 (DataListDelete. aspx 页 面 ) 


将 DataList 控件 的 DataKeyField 属性 设置 成 商品 编号 itemId, 单 击 * 删 除 ? 按 钮 ,在 “ 删 
除 ” 按 钮 引发 的 ItemCommand 事件 (或 者 DeleteCommand 事件 ) 中 ,通过 DataKeys 属性 获 
取 到 主键 值 ,执行 删除 操作 ,DataListDelete. aspx 页 面 后 置 代 码 如 下 : 


protected void dlItems ItemCommand(object source, DataListCommandEventArgs e) 


i 


int index = e.Item. ItemIndex; 
int curId = (int)this.dlItems.DataKeys[ index]; 
// 执 行 删除 操作 
try 
上 
ItemService. DeleteItem(curId);  //DeleteItem(curId) 为 数据 访问 层 定 义 的 删除 商品 信 
// 息 的 方法 
BindList(); // 执 行 删除 操作 后 ,重新 绑 定 
} 


catch (Exception ex) 
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ScriptManager. RegisterClientScriptBlock(this, typeof(Page), "showerror", "alert(' 删 
除 过 程 中 出 现 错误 !" + ex.Message + "')", true); 
J’ 
上 


3. DataList 排序 


在 网 上 购物 时 ,用 户 通常 喜欢 按照 自己 关注 的 参数 排序 查看 商品 。 比 如 购买 内 存 条 时 ， 
需要 提供 给 用 户 按 内 存 大 小 排序 的 功能 。DataList 不 像 GridView 控件 具有 内 置 的 排序 和 
分 页 功能 ,需要 手工 编码 实现 。 下 面 通 过 为 电子 商城 的 商品 展示 添加 排序 功能 来 了 解 
DataList 如 何 实现 编码 实现 排序 ,添加 的 功能 如 图 8-30 所 示 。 


- 商品 列表 《Datalist 的 排序 功能 实现 ) - Windows Internet Explorer 
GO le http://ocalhost:4460/D3 半 [s+][x| [P| | 


实 收 藏 夫 | 芒 商 品 列表 《DataList 的 排序 功能 实现 ) | | 


排序 .| 按 价 格 排序 六 


国 全 选 ”商品 图 片 商品 名 称 /出 售 者 /联系 方式 


NVDIA 9999GT 512MB 256bi 极 品 显卡 ， 不 
全 让 也 1008.12 
联系 电话 ，13303346596 贡 除 

出 售 者 。 kisa 


精品 热 去 ， 高 清晰 ，30 寸 等 离子 电视 


医 联系 电话 ，15956289687 坝 
出 售 者 rkekate 


Sony 索 尼 宗 用 景 新 款 笔记 本 
联系 电话 ，13629475861 
出 售 者 ， kira 


杜 比 环绕， 家庭 影院 必 备 ， 超 真实 享受 
联系 电话 ，15910839372 
出 售 者 。 xhq 


号 本 地 Intranet 给 - 100% - 


图 8-30 ”电子 商城 商品 展示 的 排序 效果 (DataListSort. aspx 页 面 ) 


分 析 : 实现 排序 ,最 直接 的 办 法 是 在 数据 库 端 就 排 好 序 , 所 以 在 数据 访问 层 直接 添加 排 
序 条 件 。 将 数据 绑 定 到 页 面 ,需要 通过 业务 逻辑 层 传递 相关 参数 (这 里 为 排序 条 件 )。 

首先 在 DataList 网 站 项 目下 的 DataListSort. aspx 页 面 中 添加 一 个 DropDownList 供 
用 户 选 择 , 代 码 如 下 : 
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<asp:DropDownList runat = "server" ID = "ddlSort" RutoPostBack = "Truen" 
OnSelectedIndexChanged = "ddlSort_SelectedIndexChanged"> 
<asp:ListItem Text = " 按 类 别 排序 "></asp:ListItem> 
<asp:ListItem Text = " 按 价格 降序 "></asp:ListItem> 
<asp:ListItem Text = " 按 价格 升序 "></asp:ListItem> 
</asp:DropDownList> 


其 次 ,通过 DropDownList 下 拉 列 表 选 项 的 改变 获取 排序 参数 。 表 示 层 的 代码 如 下 : 


/// < summary> 
/// DropDownList 控件 的 SelectedIndexChanged 事件 方法 代码 
/// </summary> 
/// <param name = "sender"></param> 
/// <param name = "e"></param> 
protected void ddlSort_SelectedIndexChanged( object sender, EventArgs e) 
{ 
string strName = GetSortNameByValue(); 
this. dlItems. DataSource = ItemService.GetItemsByOrderStr(strName); 
this. dlItems. DataBind( ); 
/// < summary> 
/// 根据 用 户 选 择 确定 排序 条 件 
/// </summary> 
/// <returns></returns> 
private string GetSortNameByValue( ) 
{ 
string name = string. Empty; 
string strValue = this. ddlSort. SelectedIndex. ToString(); 
Switch (strValue) 


和 
case "0": name = "categoryID"; break; 
case "1": name = "price desc"; break; 
case "2": name = "price asc"; break; 
default: break; 

上 


return name; 


数据 访问 层 的 代码 如 下 : 


public static IList < Item> GetItemsByOrderStr(string strOrderField) 
{ 
IList < Item> items = new List< Item>(); 
string sql = "select * from item order by ”+ strOrderField; 
SqlDataReader dr = SqlHelper. ExecuteReader(SqlHelper.ConnectionString, 
CommandType. Text, sql, null); 
while (dr. Read( )) 
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Item item = new Item(); 
item. ItemID = Int32.Parse(dr["itemID"].ToString()); 
item. ImagePath = dr["imagePath"].ToString().Replace("~/", ""); 
item. ItemName = dr["itemName"].ToString(); 
item. Saler = dr["saler"].ToString(); 
item. Telephone = dr["telephone"].ToString(); 
item. Price = Convert.ToDecimal(dr["price"]); 
items. Add( item); 
1 
dr.Close(); 
return items; 


- 


注意 : 数据 访问 层 的 排序 方法 有 一 个 排序 字段 参数 。 如 果 是 多 个 字段 ,可 以 在 SQL 语 
句 中 用 过 号 把 它们 隔 开 。 


4. DataList 分 页 


大 多 数 电子 商务 网 站 的 商品 展示 都 需要 分 页 功能 ,下 面 仍 以 电子 商城 的 商品 展示 为 例 
介绍 如 何 实现 如 图 8-31 所 示 的 分 页 功能 。 


商品 列表 (Datalist 的 分 页 功能 实现 ) - Windows Internet Explorer - o x 


本 日 - 回 /DatalListPageDemo.aspx "| 他 | | X |P 百度 | Dlr| 
窒 收 藏 夫 “| 着 商品 列表 《Datalist 的 分 页 功能 实现 ) | 
排序 -| 按 价格 降序 六 
国 全 选 ”商品 图 片 商品 名 称 /出 售 者 搓 系 方式 价格 
杜 比 环 卉 ， 家 庭 影 院 必 各 ， 超 真实 享受 
口 联系 电话 ，15910839372 a 
出 售 者 ， xhq 
Sony 索 尼 家 用 暴 新 款 笔记 本 
口 芥 - 联系 电话 ，13629475861 痢 隆 ” 
出 售 者 ， kira 
第 1 页 共 2 页 | 下 
完成 曲 本 地 Intranet 三 "| 筷 100% ~ 


图 8-31 电子 商城 商品 展示 的 分 页 效果 (DataListPageDemo. aspx 页 面 ) 


如 何 实现 每 页 显示 两 条 商品 记录 ,提供 “第 X 页 , 共 X 页 ”的 信息 提示 ,并 实现 单 击 * 上 
一 页 "按钮 和 “下 一 页 ”按钮 的 翻 页 功能 。 

分 页 的 方法 很 多 ,下 面 基于 PagedDataSource 类 来 转述 分 页 功能 的 实现 。 

PagedDataSource 是 .NET 内 置 的 分 页 类 , 它 封 装 了 数据 绑 定 控件 与 分 页 相关 的 属性 ， 
只 要 为 它 指 定数 据 源 、 当 前 页 和 PageSize, 即 可 自动 计算 其 他 相关 属性 ,常用 属性 如 表 8-10 
所 示 。 
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SN 


表 8-10 ”PagedDataSource 类 的 常见 属性 


属性 名 称 说 有明 
CurrentPageIndex 当前 页 ,起 始 页 为 0 
了 PageCount 总 页 数 
Count 总 记录 数 
PageSize 每 页 记录 数 
AllowPaging 控件 是 否 实现 自动 分 页 功能 
DataSource 数据 源 


每 次 单 击 * 上 一 页 ”或 “下 一 页 ”按钮 会 造成 页 面 回 传 ,在 于 服务 器 交互 中 需要 保持 当前 
页 数 .排序 条 件 。 因 为 该 分 页 和 排序 信息 仅 需 要 在 当前 页 面 有 效 , 所 以 前 面 学 过 的 Session、 
Cookie、Application 状态 保持 方式 并 不 合适 。 在 前 面 探讨 过 页 面 级 的 状态 保持 : 
ViewState。 使 用 页 面 级 状态 保持 的 好 处 就 是 不 影响 其 他 页 面 的 分 页 ,ViewState 的 语法 和 
Session 一 样 ,如 下 所 示 : 


ViewState[ "名称 "] = 值 
或 者 
ViewState. Add(" 名 称 ", 值 ) 
例如 ,要 把 页 数 *0” 信 息 存 人 ViewState, 就 可 以 写成 如 下 所 示 代 码 : 
ViewState[ "Page"] = 0; 
或 者 
ViewState. Add( "Page", 0); 
ViewState 状态 保持 方式 的 本 质 是 在 页 面 上 放置 一 个 隐藏 域 : 
< input type= "hidden" name = "_VIEWSTRTE"” value = ""> 


每 次 数据 回 传 ,该 隐藏 域 的 内 容 也 一 起 回 传 ,从 而 进行 状态 信息 的 保持 。 与 二 asp: 
HiddenField 二 一 /HiddenField 二 不 同 的 是 , ViewState 可 以 存储 对 象 ,而 HiddenField 只 能 
存放 字符 串 。 

本 示例 采用 ViewState 定义 两 个 属性 ,用 来 保存 当前 页 和 总 页 数 , 代 码 如 下 : 


/// < summary> 
/// 当前 页 
/// </summary> 
public int CurrentPageIndex 
{ 

set 

! 

ViewState[ "CurrentPageIndex"] = value; 
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return Convert. ToInt32(ViewState[ "CurrentPageIndex" ]); 
} 
1 
/// < summary> 
/// 总 页 数 
/// </summary> 
public int PageCount 


ViewState[ "PageCount"] = value; 


return Convert. ToInt32(ViewState[ "PageCount" ]); 
出 


在 页 面 DataListPageDemo. aspx 中 拖 放 两 个 Button 和 一 个 Label 控件 ,代码 如 下 :; 


< asp:Label ID = "]blInfo" runat = "server" Text = "Label"></asp:Label> 
< asp:Button ID = "btnPre" runat = "server" Text =" 上 一 页 " OnClick = "BtnPre_Click" /> 
< asp:Button ID = "btnNext" runat = "server"”Text = "下 一 页 ”OnClick = "BtnNext_Click" /> 


当 单 击 * 上 一 页 ”或 “下 一 页 ”按钮 实现 翻 页 功能 , DataListPageDemo. aspx 页 面 后 置 代 


码 如 下 : 


/// < summary> 

/// "上 一 页 "按钮 事件 方法 

/// </summary> 

/// < param name = "sender"></param > 

/// <param name = "e"></param> 

protected void BtnPre Click(object sender, EventArgs e) 


{ 
this. CurrentPageIndex ——; 
this. BindList(); 
this. SetButtonStatus( ); 

， 

/// < summary> 


/// "下 一 页 "按钮 事件 方法 
/// </summary> 
/// <param name = "sender"></param> 
/// <param name = "e"></param> 
protected void BtnNext_ Click(object sender, EventArgs e) 
| 
this. CurrentPageIndex++ ; 
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this. BindList(); 
this. SetButtonStatus( ); 
1 


其 中 ,SetButtonStatus() 方 法 用 于 设置 按钮 的 可 用 性 , 单 击 * 上 一 页 ?或 “下 一 页 ”按钮 实现 翻 
页 功能 时 ,如 果 已 经 是 第 一 页 , 则 “上 一 页 ”按钮 为 灰色 ,如 果 已 经 是 最 后 一 页 , 则 “下 一 页 ” 按 
钮 为 灰色 ,代码 如 下 : 


/// < summary> 
/// 设置 按钮 的 可 用 性 
/// </summary> 
private void SetButtonStatus() 
{ 
// 如 果 当 前 页 是 最 后 一 页 
if (CurrentPageIndex > = this.PageCount) 
this. btnNext. Enabled = false; 
. 
else 
this. btnNext. Enabled = true; 
上 
if (CurrentPageIndex <= 1) 
this. btnPre. Enabled = false; 
1 
else 
| 
this. btnPre. Enabled = true; 
1 


注意 : 不 要 在 “上 一 页 ”“ 下 一 页 ”按钮 的 单 击 事件 内 控制 按钮 的 可 用 性 ,而 是 写 在 一 个 
方法 内 。 如 果 页 面 上 还 有 “首页 ”“ 末 页 ”等 按钮 ,那么 把 控制 方法 写 在 按钮 单 击 事件 方法 内 
是 很 容易 出 错 的 。 

页 面 DataListPageDemo. aspx 的 Page_Load 的 事件 方法 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
{ 
if (!Page. IsPostBack) 
f 
CurrentPageIndex = 1; 
this. BindList(); 
SetButtonStatus(); 
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其 中 ,BindList() 方 法 实现 基于 PagedDataSource 类 的 商品 展示 分 页 功能 ,代码 如 下 : 


public void BindList() 

| 
PagedDataSource pds = new PagedDataSource(); // 定 义 一 个 PagedDataSource 实例 
pds. AllowPaging = true; // 设 置 数据 绑 定 控件 启用 分 页 
pds. CurrentPageIndex = CurrentPageIndex - 1; // 使 用 状态 保持 保存 当前 页 数 
pds. DataSource = ItemService.GetItems(); // 指 定 PagedDataSource 数据 源 
pds. PageSize = this.pageSize; // 设 置 每 页 记录 数 
this. PageCount = pds.PageCount; 
this. lblInfo. Text = "第 ”+ CurrentPageIndex + "页 , 共 " + this.PageCount + "页 "; 
this. dlItems. DataSource = pds; // 将 DataList 的 数据 源 设置 成 PagedDataSource 
this. dlItems. DataBind( ); 

} 


可 以 看 出 ,用 PagedDataSource 分 页 比较 方便 ,使 用 过 程 如 下 : 

(1) 指定 PagedDataSource 实例 对 象 的 数据 源 为 GetItems() 方 法 返回 的 数据 集合 , 需 
要 注意 的 是 ,PagedDataSource 对 象 的 数据 源 不 能 是 DataTable 或 DataSet 对 象 。 

(2) 分 别 设置 允许 分 页 (AllowPaging) 、 页 面 大 小 (PageSize) 、 当 前 页 (CurrentPageIndex) 等 
属性 的 值 。 

(3) 指定 数据 绑 定 控件 的 数据 源 为 该 实例 对 象 ,并 绑 定 。 


8.1.4 Repeater 控件 


1， Repeater 概述 


DataList 控件 灵活 性 好 ,能 够 自动 生成 “二 Table 二 "中 的 “二 TR 二 ”“ 二 TD 二 "等 相关 
标签 ,不 过 在 DIV 十 CSS 网 页 布局 越 来 越 流行 的 今天 ,美工 提供 了 苛刻 的 设计 页 ,没有 
Table, 样 式 写 在 CSS 中 ,要 求生 成 页 面 的 标签 完全 套用 模板 页 面 ,精确 显示 ,比如 生成 如 下 
HTML 代码 : 


<ul class= "title ul2"> 

<1iclass="title booklist0” ><a href = "BookDetail.aspx?id = 4961"> 数 据 结构 (C 语 言 版 ) 
(第 二 版 )</a></1i> 

<1iclass="title booklist1"> 肖 宏 启 等 著 … </1i> 

< 1i class = "title_booklist2"> 电 子 工业 出 版 社 </1i> 

<1li class = "title_booklist3"> 2014-1-10 </1i> 

<liclass="title booklist4">¥ 43.00</li> 
</ul> 


如 果 不 生成 其 他 的 代码 ,可 以 考虑 使 用 Repeater 控件 ,Repeater 控件 是 一 个 数据 绑 定 
容器 控件 ,可 以 从 页 的 任何 可 用 数据 中 创建 出 自 定义 列表 。Repeater 控件 不 具备 内 置 的 布 
局 或 样式 ,用 户 必须 通过 创建 模板 为 Repeater 控件 提供 布局 。 当 该 页 运行 时 ,Repeater 控 
件 依 次 为 通过 数据 源 中 的 每 个 记录 重复 此 布局 。 由 于 Repeater 控件 没有 默认 的 外 观 , 因 此 
可 以 使 用 该 控件 创建 多 种 列表 ,包括 : 
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。 表格 布局 。 
。 逗号 分 隔 的 列表 (例如 ,a、b、c、d 等 )。 
。 XML 格式 的 列表 。 


2. 使 用 Repeater 绑 定 数据 


Repeater 控件 专门 用 于 精确 内 容 的 显示 ,也 是 基于 模板 的 方式 ,其 常用 模板 属性 如 
表 8-11 所 示 ,但 Repeater 不 会 自动 生成 任何 用 于 布局 的 代码 ,甚至 没有 一 个 默认 的 外 观 ， 
它 完 全 是 通过 模板 来 控制 ,而 且 也 只 能 通过 源 代 码 视图 进行 模板 的 编辑 。 从 表 8-11 可 知 ， 
与 DataList 相 比 ，Repeater 可 以 模板 更 少 , 没 有 编辑 和 选择 模板 ,由 于 不 能 自动 生成 任何 
HTML 标签 ,所 以 带 来 了 效率 上 的 提升 ,也 使 精确 展示 数据 成 为 可 能 。 


表 8-11 Repeater 控件 支持 的 模板 


属 性 描 述 


ItemTemplate 
HeaderTemplate 
FooterTemplate 


SeparatorTemplate 


AlternatingItemTemplate 


项 模板 ,包含 要 为 数据 源 中 每 个 数据 项 都 要 呈现 一 次 的 HTML 元 素 和 控件 
页 眉 模 板 , 包 含 在 列表 的 开始 处 呈现 的 文本 和 控件 

页 脚 模板 ,包含 在 列表 的 结束 处 呈现 的 文本 和 控件 

分 隔 符 模板 ,包含 在 每 项 之 间 呈 现 的 元 素 。 典 型 的 示例 可 能 是 一 条 直线 (分 
隔 符 ) 

交替 项 模板 ,包含 一 些 HTML 元 素 和 控件 ,将 为 数据 源 中 的 每 两 行 呈 现 一 次 


这 些 HTML 元 素 和 控件 


用 Repeater 实现 新 知 书店 图 书 检索 页 页 面 , 如 图 8-32 所 示 。 


$ 店 -最 方便 的 网 上 书店 - Windows Intermet Explorer 
http://localhost:7822/Web/BookSearchList.aspx?typeid=1 图 [|[j |P 二 度 af 
安 收 语 六 | 入 新 知 书店 最 方 全 的 网 上 让 
ETFYTTTTTT 


全 新 知 图 书 


XINZHI BOOKS 


http://kmxzts.-tmalLocom 首页 | 黄 讯 ”个 性 化 推荐 购 愧 汶 程 ”在线 客服 。 积分 交换 。 管理 和 口 “项 助 


排 让 方式 | 运 出 盾 日 出 者 序 “] 


出 版 时 间 单价 


请 ED 
目的 估 是 六 的 (二) 下 青 等 ,再 清 主语 侍 太 他 出 新 入 2008-00-01 ya9 
ee 符 ， 吕 于 了 由 新 社 2008-0001 0 才 内 在 项 
全 /时 08-00-01 yen 
查看 所 有 分 类 >> EN 
Fo 笠 ( 美 ) 员 村 约 等 ， 李 寻 上 证 人民; 电 出 角 福 or-oo0l ¥9 
Po 地 0- 
i 中立 (要 )E 下 要, 王 苦 全 。 岂 子 村 rodl tr 
> css niv 归 
http://iocalhost:7622/Web/BookList.aspx?typeid=1 局 二 得 Jntanet -A100% - 


8-32 ”新 知 书店 图 书 检索 效果 (BookSearchList. aspx 页 面 ) 
这 里 需要 注意 的 是 ,由 于 Repeater 不 提供 任何 布局 的 内 容 ,所 以 在 项 模板 中 要 将 用 于 


布局 的 标签 写 完整 ,比如 过 ul>。 


另外 ,标题 头 的 内 容 可 以 写 在 标题 头 模板 (页 眉 模板 ) 中 ,也 可 以 写 在 Repeater 控件 外 。 
两 种 方式 的 效果 是 一 致 的 。 检 索 页 与 图 书 列表 页 面 功 能 上 相似 ,除了 调用 的 方法 之 外 ,其 他 
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后 台 代 码 几乎 完全 一 样 ,页 面 (BookSearchList. aspx) 代 码 如 下 所 示 : 


<div class = "main booklist"> 
<dl> 
<dt> 
< asp:Repeater ID = "rpBookList" runat = "server"> 
< HeaderTemplate> // 页 丑 项 模板 ( 标 头 项 模板 ) 
<ul class = "title ul2"> 
<1i class = "title booklist0"> 书 名 </a></1i> 
< li class = "title booklist1"> 作 者 </1i> 
<1li class = "title_booklist2"> 出 版 社 </1i> 
<1li class = "title_booklist3"> 出 版 时 间 </1i> 
<1i class = "title booklist4"> 单 价 </1i> 
</ul> 
</HeaderTemplate > 
< ItemTemplate> // 内 容 项 模板 
<ul> 
< li class = "title_booklist0"> < a href = "BookDetail. aspx? bid = <% # Eval 
("Id") %>" target = "_blank"> 
<%# Eval("Title") %></a></li> 
<liclass="title booklist1"><%# Eval("Author") %></li> 
<liclass="title booklist2"><% # Eval("publisher. Name") %></li> 
<liclass= "title booklist3"><% # Eval("publishDate","{0:yyyy — mm— dd}") %> 


</li> 
<liclass="title booklist4"><% # Eval("UnitPrice", "{0:C}") %></li> 
</ul> 
</ItemTemplate> 
<AlternatingItemTemplate> // 交 替 项 模板 


<ul class = "title ul2" style= "clear: both"> 
<1iclass= "title_booklist0"> < a href = "BookDetail. aspx? bid = <% # Eval 
("Id") %>" target = "_ blank"> 
< 第 井 Eval("Title") %></a></li> 
<liclass="title booklist1"><%# Eval("Author") 多 ></1i> 
<liclass="title booklist2"><% # Eval("publisher. Name") %></li> 
<liclass="title booklist3"><%# Eval("publishDate","{0:yyyy —- mm— dd}") %> 
</li> 
<liclass="title booklist4"><%# Eval("UnitPrice","{0:C}") $></1i> 
</ul> 
</AlternatingItemTemplate> 
<FooterTemplate> 
</FooterTemplate > 
</asp:Repeater > 
</dt> 
</dl> 
</div> 


8.1.5 其 他 数据 绑 定 控件 
至 此 ,已 经 详细 讲解 了 复杂 数据 绑 定 控件 GridView、DataList、Repeater 的 使 用 ,其 实 ， 


288 


A 


ASP, NET 网 站 开发 项 目 化 教程 


它们 的 使 用 和 要 注意 的 问题 大 同 小 异 ,除了 上 述 控件 之 外 , ASP .NET 还 提供 了 
DetailsView、FormView、ListView 和 DataPager 控件 ,在 此 不 再 详细 阐述 它们 的 使 用 ,只 做 
简单 介绍 ,在 后 续 章 节 结 合 单元 任务 的 实施 再 演示 它们 的 使 用 。 


1. DetailsView 控件 


DetailsView 控件 可 以 一 次 显示 一 个 数据 记录 。 当 需要 深入 研究 数据 库 文 件 中 的 某 一 
个 记录 时 , DetailsView 控件 就 可 以 大 显 身手 。DetailsView 经 常 在 主 控 /详细 方案 中 与 
GridView 控件 配合 使 用 。 用 户 使 用 GridView 控件 来 选择 列 , 用 DetailsView 来 显示 相关 
的 数据 。 

DetailsView 控件 依赖 于 数据 源 控件 的 功能 执行 诸如 更 新 .插入 和 删除 记录 等 任务 。 
DetailsView 控件 不 支持 排序 。DetailsView 控件 可 以 自动 对 其 关联 数据 源 中 的 数据 进行 分 
页 ,但 前 提 是 数据 由 支持 ICollection 接口 的 对 象 表示 或 基础 数据 源 支 持 分 页 。DetailsView 
控件 提供 用 于 在 数据 记录 之 间 导 航 的 用 户 界面 (UI)。 若 要 启用 分 页 行为 ,要 将 
AllowPaging 属性 设置 为 true。 多 数 情况 下 ,上 述 操作 的 实现 无 须 编写 代码 。 

DetailView 有 一 个 DefaultMode 属性 ,控制 默认 的 显示 模式 ,该 属性 有 3 个 可 选 值 。 

。 DetailsViewMode. Edit: 编辑 模式 ,用 户 可 以 更 新 记录 的 值 。 

。 DetailsViewMode. Insert: 插入 模式 ,用 户 可 以 向 数据 源 中 添加 新 记录 。 

。 DetailsViewMode. ReadOnly: 只 读 模式 ,这 是 默认 的 显示 模式 。 


2. FormView 控件 


FormView 控件 提供 了 内 置 的 数据 处 理 功能 ,只 需 绑 定 到 支持 这 些 功 能 的 数据 源 控 件 ， 
并 进行 配置 ,无须 编写 代码 就 可 以 实现 对 数据 的 分 页 和 增删 改 功能 。 

要 使 用 FormView 内 置 的 增删 改 功 能 需要 为 更 新 操作 提供 EditItemTemplate 和 
InsertItemTemplate 模板 ,FormView 控件 显示 指定 的 模板 以 提供 允许 用 户 修改 记录 内 容 
的 用 户 界面 。 

FormView 控件 的 各 个 项 通过 自 定义 模板 来 呈现 ,控件 并 不 提供 内 置 的 实现 某 一 功能 
(如 删除 ?的 特殊 按钮 类 型 ,而 是 通过 按钮 控件 的 CommandName 属性 与 内 置 的 命令 相关 
联 。FormView 提供 如 下 命令 类 型 (区 分 大 小 写 ) : 


。 Edit 一 一 引发 此 命令 控件 转换 到 编辑 模式 ,并 用 已 定义 的 EditItemTemplate 呈现 
数据 。 

*。 New 引发 此 命令 控件 转换 到 插入 模式 ,并 用 已 定义 的 InsertItemTemplate 呈现 
数据 。 

。 Update 此 命令 将 使 用 用 户 在 EditItemTemplate 界面 中 的 输入 值 在 数据 源 中 更 


新 当前 所 显示 的 记录 。 引 发 temUpdating 和 ItemUpdated 事件 。 
此 命令 用 于 将 用 户 在 InsertItemTemplate 界面 中 的 输入 值 在 数据 源 中 插 
入 一 条 新 的 记录 。 引 发 TtemInserting 和 ItemInserted 事件 。 


Insert 


。 Delete 此 命令 删除 当前 显示 的 记录 。 引 发 temDeleting 和 ItemDeleted 事件 。 
。 Cancel 一 一 在 更 新 或 插入 操作 中 取消 操作 和 放弃 用 户 输入 值 ,然后 控件 会 自动 转换 


到 DefaultMode 属性 指定 的 模式 。 
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3. ListView 控件 


ListView 控件 是 ASP.NET 3. 5 提供 的 新 控件 , 它 很 好 地 集成 了 GridView、DataList 
和 Repeater 的 优点 。 类 似 于 GridView, 它 支持 数据 编辑 ,删除 和 分 页 ; 类 似 于 DataList, 它 
支持 多 列 和 多 行 布局 ; 类 似 于 Repeater, 它 允许 完全 控制 控件 生成 的 标记 。ListView 通过 
模板 显示 和 管理 数据 ,可 用 模板 及 常用 事件 如 表 8-12 所 示 。 


表 8-12 ListView 控件 支持 的 模板 和 事件 


模板 和 事件 描 述 
控件 的 容器 。 它 使 得 可 定义 一 个 放置 单独 数据 项 ( 像 Reviews) 的 
=LayoutTemplate> 位 置 ,然后 通过 ItemTemplate 和 AlternatingItemTemplate 表示 的 数 
据 项 作为 容器 的 子 元 素 添加 。 它 还 可 能 包含 一 个 DataPager 对 象 
<ItemTemplate> 项 模板 、 交 替 项 模板 ,定义 控件 的 只 读 模 式 。 当 一 起 使 用 时 ,奇偶 


二 AlternatingItemTemplate> | 行 有 着 不 同 的 外 观 ( 通 常 是 不 同 的 背景 色 ) 
SelectedltemTemplate> 允许 定义 当前 活动 或 选择 项 的 外 观 


模板 netilenTendlis 这 两 个 模板 允许 定义 用 于 插入 和 更 新 列表 中 的 项 的 用 户 界面 。 
通常 ,放置 文本 框 、 下 拉 列 表 和 其 他 服务 器 控件 等 到 这 些 模 板 中 ， 
<=EditltemTemplate> 
将 它们 与 底层 数据 源 绑 定 
有 定义 放置 在 列表 中 项 之 间 的 标记 。 可 用 于 在 项 之 间 添 加 线 、 图 像 
或 其 他 标记 
1 a 。 可 以 添加 文本 或 其 他 标记 ,告诉 用 户 
AfterLabelEdit 在 编辑 了 标签 后 ,引发 该 事件 
事件 BeforeLabelEdit 在 用 户 开始 编辑 标签 前 ,引发 该 事件 
ColumnClick 在 单 击 一 个 列 时 ,引发 该 事件 
TtemActivate 在 激活 一 个 选项 时 ,引发 该 事件 


ListView 中 至 少 必须 包含 两 个 模板 : LayoutTemplate 和 ItemTemplate 。LayoutTemplate 
模板 是 ListView 用 来 显示 数据 的 布局 模板 ,ItemTemplate 则 是 每 一 条 数据 的 显示 模板 ,将 
ItemTemplate 模板 放置 在 LayoutTemplate 模板 中 可 以 实现 定制 的 布局 。 


4. DataPager 控件 


ASP.NET 3. 5 提供 的 新 控件 。 在 ASP.NET 的 前 几 个 版 本 中 ,分 页 只 是 通过 一 些 控 件 
(如 GridView 和 DetailsView) 内 置 的 功能 实现 ,或 是 通过 手动 编写 代码 实现 (基于 存储 过 程 
的 分 页 ,由 于 比较 复杂 ,本 书 没有 冰 述 ,有 兴趣 的 读者 可 自行 查找 资料 ) 。 

DataPager 是 个 单独 的 控件 ,可 用 它 来 扩展 另 一 个 数据 绑 定 控件 。 目 前 ,只 能 使 用 
DataPager 为 ListView 控件 提供 分 页 功能 ,将 DataPager 与 ListView 控件 关联 后 ,分 页 将 
自动 完成 。 将 DataPager 与 ListView 控件 关联 有 两 种 方法 : 

(1) 在 ListView 控件 的 LayoutTemplate 模板 中 定义 它 。 此 时 ,DataPager 将 明确 它 将 
给 哪个 控件 提供 分 页 功能 。 

(2) 在 ListView 控件 外 部 定义 它 。 需 要 将 DataPager 的 PagedControlID 属性 设置 为 
有 效 ListView 控件 的 ID。 如 果 想 将 DataPager 控件 放 到 页 面 不 同 的 地 方 ,例如 Footer 或 
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SideBar 区 域 ,也 可 以 在 ListView 控件 的 外 部 进行 定义 。 
DataPager 控件 包括 两 种 样式 : 一 种 是 “文本 ”样式 ,第 二 种 是 “数字 ”样式 ,如 图 8-33 所 示 。 


文本 样式 
asp: darapager# DaraPagerl 
Fy 
12345 选择 本 导航 伴 式 [ES 
[要 
数字 样式 


图 8-33 DataPager 控件 的 样式 
当 使 用 “文本 ”样式 时 ,DataPager 控件 的 HTML 实现 代码 如 下 所 示 。 


<asp:DataPager ID = "DataPagerl" runat = "server"> 
<Fields> 
<asp:NextPreviousPagerField ButtonType = "Button" ShowFirstPageButton = "True" 
ShowLastPageButton = "True" /> 
</Fields> 
</asp:DataPager > 


当 使 用 “数字 ”样式 时 ,DataPager 控件 的 HTML 实现 代码 如 下 所 示 。 


<asp:DataPager ID = "DataPagerl1l" runat = "server"> 
<Fields> 
<asp:NextPreviousPagerField ButtonType = "Button" ShowFirstPageButton = "True" 
ShowNextPageButton = "False" ShowPreviousPageButton = "False" /> 
<asp:NumericPagerField /> 
<asp:NextPreviousPagerField ButtonType = "Button" ShowLastPageButton = "True" 
ShowNextPageButton = "False" ShowPreviousPageButton = "False" /> 
</Fields> 
</asp:DataPager > 


除了 可 以 通过 默认 的 方法 来 显示 分 页 样式 意外 ,还 可 以 通过 向 DataPager 中 的 Fields 
中 添加 TemplatePagerField 的 方法 来 自 定义 分 页 样式 。 在 TemplatePagerField 中 添加 
PagerTemplate, 在 PagerTemplate 中 添加 任何 服务 器 控件 ,这 些 服务 器 控件 可 以 通过 实现 
TemplatePagerField 的 OnPagerCommand 事件 来 实现 自 定义 分 页 。 


.2 单元 任务 


任务 8-2-1 实现 “新 知 书店 ”管理 员 端 的 图 书 查询 页 面 


【任务 描述 】 
实现 如 图 8-34 所 示 的 管理 员 端 的 图 书 查 询 页 面 ,具体 要 求 如 下 : 
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。 后 台 图 书 列表 页 面 加 载 默认 显示 全 部 图 书 的 书 名 、 作 者 和 类 别 信息 。 

。 实现 DropDownList 中 提供 用 户 书 名 .内容 简介 ,出 版 社 和 作者 的 关键 字 查询 功能 。 
。 实现 光 棒 效果 、 分 页 效果 。 

。 当 单 击 图 书 名 称 时 ,链接 至 图 书 编辑 页 面 BookDetail. aspx。 


© 


你 现在 的 位 署 : 痢 知 书店 》 营 理 员 后 台 》 目 书 管理 》 图 书 列表 
术 过 类 刚 ， [出 版 社 | 关 和 了， 网 本 机 至上 和 ED 
Er 作 看 关 别 
J 音效 主 风 Is 
Te 缚 查 过 本 与 应 用 /这 引 组 晤 
各 系列 从 蔬 2 
国民 发 与 站 玉手 兴 ,多 洒 ,机 蜂 梅 主编 网 站 开 必 
工 -页 时 后 -页 


图 8-34 “新 知 书店 ”管理 员 端 图 书 查 询 页 面 


【任务 实施 】 
1. 图 书 查 询 数据 访问 层 与 业务 逻辑 层 的 实现 


当 管理 员 登 录 后 ,进入 图 书 列表 页 时 ,默认 显示 全 部 图 书 的 相关 信息 , 当 从 下 拉 列 表 控 
件 DropDownList 选择 检索 类 别 , 输 入 查询 关键 字 并 单 击 “ 查 询 ” 按 钮 后 ,图 书 列表 页 面 重新 
显示 符合 条 件 查 询 的 图 书 。 

1) 图 书 查询 数据 访问 层 的 实现 

在 BookShopDAL 项 目的 BookService. cs 类 中 ,添加 一 个 获取 所 有 图 书信 息 列表 对 象 的 方 
法 GetBooks() ,添加 方法 GetBooks(BookQueryCategories category，string keyWord) ,根据 检索 
类 别 和 关键 字 获 取 图 书信 息 列表 对 象 ,代码 如 下 : 


using BookShop. Models; 
using System. Configuration; 
namespace BookShop. DAL 
{ 
public class BookService 
{ 
string connection = ConfigurationManager. ConnectionStrings["BookShop" ]. ConnectionString; 
public List < Book> GetBooks() 
string sqlAll = "SELECT x* FROM Books"; 
return GetBooksBySql( sqlAl1); 
’ 
public List < Book> GetBooksBySql(string safeSql) 
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f 
// 代 码 在 示例 8- 2 的 表 8- 4 中 ,此 处 省 略 
1 


/// < summary> 
/// 获取 书籍 列表 
/// </summary> 
/// < param name = "category"> 查 询 类 别 </param> 
/// < param name = "keyWord"> 关 键 字 </param> 
/// < returns > 泛 型 书籍 集合 </returns> 
public List < Book > GetBooks(BookQueryCategories category, string keyWord) 
List <Book> list = new List<Book>(); 
SqlParameter[ ] para = new SqlParameter[] 
{ 
new SqlParameter("(@QueryCategory", category. ToString()), 
new SqlParameter("(@KeyWord", keyWord) 
}; 
// 根 据 存储 过 程 sp_QueryBooks 获取 DataSet 
DataSet ds = SqlHelper. ExecuteDataset (this. connection, CommandType. StoredProcedure, "sp_ 


QueryBooks", para); 


if (ds. Tables.Count > 0) 
{ 
DataTable dt = ds.Tables[0]; 
foreach (DataRow row in dt. Rows) 
{ 
Book book = new Book(); 
book. Id = (int)row["Id"]; 
book. Title = (string)row["Title"]; 
book. Author = (string)row["Author"]; 
book. PublishDate = (DateTime)row["PublishDate"]; 
book. ISBN = (string)row["ISBN"]; 
book. UnitPrice = (decimal)row["UnitPrice"]; 
book. ContentDescription = (string)row["ContentDescription"]; 
book. TOC = (string)row["TOC"]; 
book. Clicks = (int)row["Clicks"]; 
book. Publisher = new PublisherService ( ). GetPublisherById (( int ) row 


["PublisherId"]); /VEE 
book. Category = new CategoryService ( ). GetCategoryById (( int ) row 
["CategoryId" ]); //FK 


; 


1 


list. Add( book); 
上 
} 
return list; 
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代码 中 的 存储 过 程 sp_QueryBooks 实现 数据 的 查询 功能 ,存储 过 程 代码 如 下 : 


/* 根据 类 别 和 关键 字 查 询 书籍 Created in 20140220* / 
ALTER PROC [dbo]. [sp_OueryBooks] 


@QueryCategory NVARCHAR(10), 一 -查询 类 型 
@KeyWord NVARCHAR(50) 一 -查询 关键 字 
RS 


IF(@QueryCategory = ' 书 名 ') 

SELECT * FROM Books WHERE Title LIKE '%'+(@KeyWord+'g%" 

ELSE IF(@QueryCategory = ' 内 容 简介 ') 

SELECT x FROM Books WHERE ContentDescription LIKE '%'+(@KeyWord+'%"' 
ELSE IF(@QueryCategory= ' 作 者 ') 

SELECT * FROM Books WHERE Author LIKE '%'+(@KeyWord+'g%' 

ELSE IF((@QueryCategory = ' 出 版 社 ') 

SELECT Books. * FROM Books INNER JOIN Publishers 

ON Books. PublisherId = Publishers. Id 

WHERE Publishers. Name LIKE '%'+(@KeyWord+'g%' 


在 BookShopDAL 项 目的 CategoryService. cs 类 中 ,添加 一 个 查询 所 有 图 书 类 别 的 所 


有 字段 信息 的 列表 对 象 的 GetSelectByCategory() 方 法 ,代码 如 下 : 


using BookShop. Models; 
using System. Conf iguration; 
namespace BookShop. DAL 
{ 
public class SelectByCategoryService 
{ 
string connection = ConfigurationManager. ConnectionStrings [ " BookShop "]. 
ConnectionString; 
public List < SelectByCategory > GetSelectByCategory() 
List < SelectBYCategory> SelectByCategoryList = new List<SelectByCategory>(); 
string sql = "SELECT * FROM SelectByCategory"; 
using (SqlDataReader reader = SqlHelper. ExecuteReader(this. connection, 
CommandType. Text, sql)) 
{ 
while( reader. Read( )) 
{ 

SelectByCategory selectbycategory = new SelectByCategory(); 

selectbycategory. Id = (int)reader["Id"]; 

selectbycategory. Name = (string)reader["Name" ]; 

SelectByCategoryList. Add( selectbycategory); 

return SelectByCategoryList; 
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2) 图 书 查 询 业务 逻辑 层 的 实现 
在 BookShopBLL 项 目 中 新 建 类 文件 BookManager. cs, 实 现 图 书 查询 业务 逻辑 功能 ， 
代码 如 下 : 


using BookShop. DAL; 
using BookShop. Models; 
namespace BookShop. BLL 
public class BookManager 
{ 
public List < Book> GetBooks() 
1 
return new BookService( ). GetBooks( ); 
3 
public List < Book> GetBooks(BookQueryCategories category, string keyWord) 
{ 
return new BookService( ). GetBooks(category, keyWord); 
J 
} 
} 


2. 图 书 查 询 表 示 层 的 实现 


1) 表示 层 页 面 设计 

在 Web 站 点 项 目的 文件 夹 Admin 下 ,根据 后 台 母 版 页 Admin. master 新 建 图 书 列表 内 
容 页 BookList. aspx, 并 从 工具 箱 将 DropDownList 控件 拖 入 到 面 中 并 修改 其 ID 属性 为 
ddlQueryCategories, 代 码 如 下 : 


<table > 
<tr> 
< td> gnbsp; gnbsp; 检索 类 别 : 
<asp:DropDownList ID = "ddlQueryCategories" runat = "server"> 
<asp:ListItem> 书 名 </asp:ListItem > 
<asp:ListItem> 内 容 简介 </asp:ListItem> 
<asp:ListItem> 出 版 社 </asp:ListItem> 
<asp:ListItem> 作 者 </asp:ListItem> 
</asp:DropDownList > 
关键 字 : 
<asp:TextBox ID = "txtKeyWord" runat = "server"></asp:TextBox> 
< asp:Button ID = "btnQuery" runat = "server" Text = "查询 " OnClick = "btnQuery_Click" /> 
</td> 
<td style = "width: 100px;"> &nbsp; Snbsp; 
<asp:HyperLink ID = "hlkAddBook" runat = "server" NavigateUrl = "~/Admin/BookEdit. 
aspx"> 添 加 书籍 </asp:HyperLink> 
</td> 
</tr> 
</table> 
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从 工具 箱 将 一 个 GridView 控件 拖 人 到 BookList. aspx 页 面 中 ,修改 其 ID 属性 为 
gvBooks ,设置 DataKeyNames 属性 值 为 图 书 表 Books 的 关键 字 id, 设置 分 页 相关 的 
AllowPaging、Mode、FirstPageText\、LastPageText\NextPageText\PreviousPageText 等 属 


性 值 ,代码 如 下 : 


< asp: GridView runat = "server" ID = "gvBooks" AutoGenerateColumns = "False" AllowSorting = 
"true" 

CellPadding = "0" CellSpacing = "0" CssClass = "data table" 

OnRowDataBound = "gvBooks_RowDataBound" 

OnPageIndexChanging = "gvBooks_PageIndexChanging" AllowPaging = "True" 

DataKeyNames ="id" OnSorting = "gvBooks_Sorting" Width = "740px" PageSize = "3"> 

< Columns > 
<asp:TemplateField Visible= "False"> 
< ItemTemplate> 
<asp:Label ID = "lblId" runat = "server" Text = '<%# Bind("Id") %>'></asp: 


Label > 
</ItemTemplate> 
</asp:TemplateField> 
< asp:HYperLinkField DataNavigateUrlFormatString = "BookDetail.aspx?id = {0}" 
HeaderText = " 书 名 " ControlStyle - Width = "180”Text = "详细 " 
DataNavigateUrlFields = " id" DataTextField = "Title” SortExpression = 
"Title"> 
< ControlStyle Width = "180px"></ControlStyle> 
</asp: HyperLinkField> 
<asp:BoundField DataField = "Author" HeaderText = "作者 " /> 
<asp:TemplateField HeaderText = "类 别 "> 
< ItemTemplate> 
< asp:Label ID = "lblCategory" runat = "server" Text = '<% # Eval("Category. 
Name" ) $%>> 
</asp:Label > 
</ItemTemplate> 
</asp:TemplateField> 
</Columns > 


< PagerSettings FirstPageText = "首页 " LastPageText = "最 后 一 页 " Mode = "NextPreviousFirstLast" 
NextPageText = "下 一 页 " PreviousPageText =" 上 一 页 " /> 
< PagerStyle CssClass = "pages" /> 
< RowStyle BackColor = " #DDF5D9" /> 
< SelectedRowStyle BackColor = "#CES5D5A" Font — Bold= "True" ForeColor = "White" /> 
<AlternatingRowStyle BackColor = "White" /> 
</asp:GridView > 


2) 编程 实现 图 书 查询 相关 功能 
在 图 书 列表 页 的 后 置 代码 文件 BookList. aspx. cs 中 编程 实现 图 书 查询 功能 ,代码 
如 下 : 


using BookShop. BLL; 
using BookShop. Models; 
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public partial class Admin BookList : System. Web. UI.Page 


4 


/// < summary> 
/// 页 面 加 载 事件 方法 
/// </summary> 
protected void Page Load(object sender, EventArgs e) 
if (!IsPostBack) 
this. gvBooks. DataSource = new BookManager().GetBooks(); 
this. gvBooks. DataBind( ) ; 


1 


/// < summary> 
/// 类 别 绑 定 方法 
/// </summary> 
protected void BindSelectBYCategory() 
| 
this. ddlQueryCategories. DataSource = new SelectByCategoryManager().GetSelectByCategory(); 
this. ddlQueryCategories. DataTextField = "Name";  // 用 于 显示 的 字段 
this. ddlQueryCategories. DataValueField = "Id";  // 用 于 存 值 的 字段 
this. ddlQueryCategories. DataBind( ); 
this. ddlQueryCategories. Items. Insert(0, new ListItem(" === 请 选择 ===", "0")); 
: 


/// < summary> 
/// gvBooks 控件 页 索引 改变 事件 
/// </summary> 
protected void gvBooks_PageIndexChanging(object sender, GridViewPageEventArgs e) 
{ 
this. gvBooks. PageIndex = e.NewPageIndex; 
this. gvBooks. DataSource = new BookManager().GetBooks(); 
this. gvBooks. DataBind( ); 
} 


/// < summary> 
/// 对 行进 行 了 数据 绑 定 后 的 事件 方法 ,实现 光 棒 效果 
/// </summary> 
protected void gvBooks_RowDataBound(object sender, GridViewRowEventArgs e) 
if (e. Row. RowTYpe == DataControlRowType. DataRow) 
e.Row. Attributes. Add( "onmouseover", "currentcolor = this. style. backgroundColor; 


this. style. backgroundColor = '#6699ff""); 


e. Row. Attributes. Add( "onmouseout", "this. style. backgroundColor = currentcolor"); 


/// < summary> 
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/// 单 击 "查询 "按钮 事件 方法 

/// </summary> 

protected void btnQuery Click(object sender, EventArgs e) 
// 将 一 个 或 多 个 枚 举 常 数 的 名 称 或 数字 值 的 字符 串 表示 转换 成 等 效 的 枚 举 对 象 
BookQueryCategories category = ( BookQueryCategories ) Enum. Parse ( typeof 

(BookQueryCategories), ddlQueryCategories. SelectedValue); 

this. gvBooks. DataSource = new BookManager().GetBooks(category, txtKeyWord. Text); 
this. gvBooks. DataBind(); 
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任务 8-2-2 实现 “新 知 书店 ”管理 员 端 的 图 书 详细 信息 的 更 新 功能 


【任务 描述 】 

在 管理 端的 图 书信 息 列 表 页 面 中 , 单 击 某 一 条 图 书记 录 对 应 的 “编辑 ”按钮 ,如 图 8-35 
所 示 , 进 入 当前 记录 的 图 书 详细 信息 页 面 ,并 显示 当前 图 书记 录 的 详细 信息 ,如 图 8-37 所 
示 , 在 图 书 详细 信息 页 面 中 , 单 击 “ 保 存 ” 按 钮 ,将 修改 后 的 当前 记录 的 图 书 详细 信息 更 新 到 
数据 库 中 ,修改 成 功 后 ,给 出 提示 ,并 将 页 面 跳 转 到 图 书信 息 列 表 页 面 ,要 求 : 

， 除 出 版 社 , 分 类 、 内 容 摘 要 外 都 需要 进行 非 空 验证 。 

。 图 书 的 图 片 需要 实现 上 传 ,更 新 功能 ,只 允许 上 传 jpg 格式 的 图 片 。 

。 出 版 日 期 需要 提供 日 期 选择 及 格式 验证 。 


您 现 在 的 位 置 : 新 知 书 牛 》 管理 员 后 侣 》 图 书 管理 》 图 书 列表 页 


检索 类 别 。 [四 原 福 ” 国 | 关 健 字 ，| 高 等 教育 吊 梳 社 利 而 。 透 如 书 焊 


方 连 


张 李 义 ， 罗 琳 ， 黄 晓 梅 “主编 


2 基础 与 应 用 教程 印 昱 ， 景 建 津 著 


图 8-35 “新 知 书店 ”管理 员 端 图 书信 息 列表 页 面 
【任务 实施 】 
1. 图 书 详细 信息 更 新 数据 访问 层 与 业务 逻辑 层 的 实现 


图 书 详细 信息 更 新 页 面 需 要 获取 图 书 类 别 和 出 版 社 名 称 , 为 防止 在 图 书记 录 编 辑 过 程 
中 少 出 错 , 使 用 DropDownList 动态 绑 定 出 版 社 和 图 书 分 类 的 全 部 信息 供用 户 选 择 。 这 里 
的 编辑 图 书 是 图 书信 息 列 表 页 传递 过 来 的 一 本 特定 的 图 书 , 所 以 需要 根据 传递 过 来 的 图 书 
ID 号 获取 对 应 的 图 书 详细 信息 。 
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1) 图 书 详细 信息 更 新 数据 访问 层 的 实现 

在 BookShopDAL 项 目 中 新 建 PublisherService. cs 类 文件 ,添加 一 个 根据 SQL 语句 获取 出 
版 社 名 称 信 息 列表 对 象 的 GetPublishersBySql(string safeSql) 方 法 ,并 由 GetPublishers() 方 法 构 
建 SQL 语句 来 调用 ,代码 如 下 : 


public List < Publisher > GetPublishers() 


{ 


} 


string sqlAll = "SELECT # FROM Publishers"; 
return GetPublishersBySql(sqlAll); 


private List < Publisher > GetPublishersBySql(string safeSql) 


4 


List <Publisher > list = new List < Publisher >(); 


DataSet ds = SqlHelper. ExecuteDataset(this.connection, CommandType. Text, safeSql); 
if (ds. Tables. Count > 0) 


i 
DataTable dt = ds.Tables[0]; 
foreach (DataRow row in dt. Rows) 
Publisher publisher = new Publisher(); 
publisher. Id = (int)row["Id"]; 
publisher. Name = (string)row["Name"]; 
list. Add(publisher); 
} 
: 


return list; 


在 BookShopDAL 项 目的 BookService. cs 类 中 ,添加 一 个 根据 图 书 ID 获取 图 书信 息 的 
GetBookById(int id) 方 法 ,代码 如 下 : 


public Book GetBookById( int id) 


i 


string sql = "SELECT * FROM Books WHERE Id = @1d"; 

int publisherId; 

int categoryId; 

Book book = null; 

using (SqlDataReader reader = SqlHelper. ExecuteReader (this. connection, CommandType. 


Text, sql, new SqlParameter("@Id", id))) 


{ 

if (reader. Read()) 

‘ 
book = new Book(); 
book. Id = (int)reader["Id"]; 
book. Title = (string)reader["Title"]; 
book. Author = (string)reader["Author"]; 
book. PublishDate = (DateTime)reader["PublishDate"]; 
book. ISBN = (string)reader["ISBN"]; 
book. UnitPrice = (decimal)reader["UnitPrice"]; 
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book. ContentDescription = (string)reader["ContentDescription"]; 
book. TOC = (string)reader["TOC"]; 
book. Clicks = (int)reader["Clicks"]; 
publisherId = (int)reader["PublisherId"]; //FK 
categoryId = (int)reader["CategoryId"]; /VEK 
reader. Close( ); 
book. Publisher = new PublisherService().GetPublisherById(publisherId); 
book. Category = new CategoryService().GetCategoryById(categoryId); 
} 
1 
return book; 
1 


获取 图 书 类 别 信 息 的 数据 访问 层 在 前 面 已 经 介绍 过 ,此 处 不 再 袭 述 。 
2) 图 书 详细 信息 更 新 业务 逻辑 层 的 实现 
在 BookShopBLL 项 目 中 的 BookManager. cs 类 文件 中 ,添加 如 下 代码 


public Book GetBookById( int id) 
{ 
return new BookService( ). GetBookById( id); 


在 BookShopBLL 项 目 中 的 PublisherManager. cs 类 文件 中 ,添加 如 下 代码 : 


public List < Publisher > GetPublishers() 
return new PublisherService( ). GetPublishers(); 
1 


2. 图 书 详细 信息 更 新 表示 层 的 实现 


1) 表示 层 页 面 设计 

在 任务 8-2-1 的 基础 上 为 图 书 列表 页 BookList. aspx 中 的 GridView 控件 对 象 gvBooks 
添加 操作 列 , 这 里 通过 设置 HyperLinkField 列 类 型 字段 实现 页 面 跳 转 ,如 图 8-36 所 示 。 

这 里 设置 DataNavigateUrlFields 属性 值 为 图 书 ID ,表示 目标 页 面 传递 的 参数 来 自 ID 
字段 ,将 DataNavigateUrlFormatString 字段 设置 为 "BookEdit. aspx? id 一 10)" ,表示 要 链 
接 的 目标 页 面 页 面 为 同一 目录 下 的 BookEdit. aspx 页 面 ,参数 为 ID, 参数 即 为 刚才 设置 的 
DataNavigateUrlFields 字段 的 的 值 ,设置 后 ,打开 源 视图 可 以 看 到 增加 了 以 下 代码 : 


< asp:HYperLinkField DataNavigateUrlFormatString = "BookEdit.aspx?id = {0}" Text = "编辑 " 
DataNavigateUrlFields = "id" HeaderText = "操作 " /> 


在 Web 站 点 项 目的 文件 夹 Admin 下 .根据 后 台 母 版 页 Admin. master 新 建 图 书 详细 信 
息 更 新 内 容 页 面 BookEdit. aspx, 根据 如 图 8-37 所 示 的 设计 要 求 , 从 工具 箱 拖 人 
FileUpload、DropDownList、CKeditor 等 控件 至 页 面 。 
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可 用 字段 (A): HyperLinkField 属性 (): 
9 BoundField | ES 
司 CheckBoxField | Visible True 
司 HyperLinkField | 日 可 访问 性 
司 ImageFiald | AccessibleHeaderText 
梧 ButtonFidld | 口 数据 
中 加 CommandRald 加 | DataNavigateUrifields _ id 
卫 ei DataNavigateUrlFormats BookE 
吾 Dmamidi DataTextrield 
(CD) DataTextFormatSting 
日 外 现 
选 定 的 字段 (5): FooterText 
加 TemplateField 四 HeaderImageurl 
了 四 
和 Text 第 辑 
[x 日 样式 
rr 辐 ControlStyle a 
HeaderText 
此 字段 的 标 头 内 的 文本 。 
口 自动 生成 字段 (G) 将 此 宇 段 法 拘 为 Templatefield 
兢 定 ”|[ 取消 | 
图 8-36 设置 HyperLinkField 属性 
您 天 在 的 位 置 新 知 书店 》 答 理 吕 后 合 》 图 局 管理 > 图书 如 名 页 


ISBN |9787121038181 


( 美 ) 十 尾 卡 车, 王 全 


| 由 版 日 期 200761 


码 码 的 当 | 加 各 学 - 


s ”WwW 国 主 玉 下 加 "8 户 


> 


祭 书 拓 述 了 拟 样 应 用 面向 对 象 的 区 念 坟 进 行 -IE 应 用 笃 序 的 荣 构 、 设 计 和 开发 。 作 者 将 重点 放 在 
了 到 向 业务 的 对 象 ， 即 业务 对 象 和 怎样 在 也 活 Yeb 和 客户 机 /服务 形 结 构 的 不 同 分 布 式 环境 中 来 实 
隐 它 们 ， 本 书信 用 了 大 量 的 ;手术 ， 硬 和 对 条 的 设计 与 细 程 旺 帮 以 及 分 市 式 再 相 。 水 节 的 前 
禹 述 了 如 何在 -三 T 环 境 创 建 这 个 框架 未 支持 面向 对 象 的 应 用 程序 开航 的 流程 ， 后 半 部 分 应 
用 从 架 亨 建 了 一 个 带 有 几 个 不 同 接口 的 孙 春 应 用 程序 ， 本 书 适合 c# 应 用 开发 人 员 阅读 。 


图 8-37 “新 知 书 店 ” 图 书 详细 信息 页 面 
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BookEdit. aspx 页 面 代码 如 下 : 


< asp:Content ID = "Content1" ContentPlaceHolderID = "cphAdmin" runat = "Server"> 
< script language = " javascript" type = " text/javascript" src = "../My97DatePicker/ 
WdatePicker. js" 
charset = "gb2312"> 
</script > 
< table cellspacing = "1" cellpadding = "3" class = "table edit"> 
<tr> 
<th> 标 题 </th> 
<td> 
<asp:TextBox ID = "txtTitle" runat = "server"></asp:TextBox > 
< asp: RequiredFieldValidator ID= "rfvTitle" runat = "server" ControlToValidate 
= "txtTitle" ErrorMessage = "标题 不 可 为 空 !"></asp:RequiredFieldValidator > 
</td> 
</tr> 
<tr> 
<th> 封 面 </th> 
<td> 
<asp:Image ID = "imgBook" runat = "server" /> 
<asp:FileUpload ID = "fulBook" runat = "server" /> 
< asp:RequiredFieldValidator ID = "rfvBookImage" runat = "server" ControlToValidate = 
"fulBook" ErrorMessage = "封面 不 可 为 空 !"></asp:RequiredFieldValidator > 
</td> 
</tr> 
<tr> 
<th> 定 价 </th> 
<td> 
< asp:TextBox ID = "txtPrice" runat = "server"></asp:TextBox> 
< asp: RequiredFieldValidator ID = "rfvprice”runat = "server" ControlToValidate 
= "txtPrice"” ErrorMessage = "定价 不 可 为 空 !"></asp:RequiredFieldValidator > 
</td> 
</tr> 
<tr> 
<th> 出 版 社 </th> 
<td> 
<asp:DropDownList ID= "ddlPublisher" runat = "server" DataTextField = "Name" 
DataValueField = "Id"></asp:DropDownList > 
</td> 
</tr> 
<tr> 
<th> 分 类 </th> 
<td> 
<asp:DropDownList ID = "ddlCategory" runat = "server" DataTextField = "Namen 
DataValueField = "Id"> </asp:DropDownList > 
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</td> 
</tr> 
<tr> 
<th> 作 者 </th> 
<td> 
<asp:TextBox ID = "txtAuthor" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID= "rfvAuthor" runat = "server" 


ControlToValidate= 
"txtAuthor” ErrorMessage = "作者 名 不 可 为 空 !"></asp:RequiredFieldValidator > 
</td> 
</tr> 
<tr> 
<th> ISBN </th> 
<td> 
<asp:TextBox ID= "txtISBN" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID= "rfvIsbn" runat = "server" ControlToValidate = 
"txtISBN"ErrorMessage = "ISBN 不 可 为 空 !"></asp:RequiredFieldValidator > 
</td> 
</tr> 
<tr> 
<th> 出 版 日 期 </th> 
< td> 
< asp:TextBox ID = "txtPublishDate" runat = "server”CssClass = "Wdate" 
onfocus = "WdatePicker()"></asp:TextBox> 
< asp:RequiredFieldValidator ID = "rfvPublishDate" runat = "server" 
ControlToValidate = "txtPublishDate" 
ErrorMessage = "出 版 日 期 不 可 为 空 !"> </asp:RequiredFieldValidator > 
</td> 
</tr> 
<tr> 
<th> 目 录 </th> 
<td> 
< CKEditor:CKEditorControl ID = "ftbToc" runat = "server" Width = "680px" 
Height = "100px"></CKEditor:CKEditorControl><br> 
< asp:RequiredFieldValidator ID = "rfvToc" runat = "server" ControlToValidate = 
"ftbToc" 
ErrorMessage = "目录 不 可 为 空 !"></asp:RequiredFieldValidator> 
</td> 
</tr> 
tr 
<th> 内 容 摘要 </th> 
<td> 
< asp:TextBox ID= "txtDesc" runat = "server" Height = "105px”TextMode = "MultiLine" 
Width = "600px"></asp:TextBox> 
</td> 
</tr> 
二 


< td colspan = "2"> 
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<asp:Button ID = "bntSave" runat = "server" Text = " 保 存 " OnClick = "bntSave_Click" /> 
</td> 
</tr> 
</table> 
</asp:Content > 


注意 : 除了 HyperLinkField 之 外 ,还 可 以 通过 设置 CommandFile、TemplateFiled 的 方 
法 进行 页 面 间 的 跳 转 ,GridView 功能 强大 ,在 实际 工作 中 ,常常 根据 用 户 需求 选择 最 合适 的 
做 法 。 

2) 编程 实现 图 书 详细 信息 更 新 操作 

图 书 详细 信息 页 面 中 ,使 用 Request. QueryString[ "id"] 获 取 图 书 列表 页 传递 过 来 的 参 
数 Id, 然 后 根据 图 书 Id 检索 图 书 详细 信息 并 绑 定 到 图 书 详细 信息 页 面 BookEdit. aspx 相应 
的 控件 上 ,图 书 详细 信息 页 的 后 置 代 码 文件 BookEdit. aspx. cs 中 编程 实现 图 书 详细 信息 更 
新 ,代码 如 下 : 


/// < summary> 
/// 页 面 加 载 事件 方法 
/// </summary> 
/// < param name = "sender"></param > 
/// <param name = "e"></param> 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!Page. IsPostBack) 
ddlCategory. DataSource = new CategoryManager().GetCategories(); 
ddlCategory. DataBind( ); 
ddlPublisher. DataSource = new PublisherManager().GetPublishers(); 
ddlPublisher. DataBind( ); 
if (Request. QueryString["id"] == null) 
{ 
this. imgBook. Visible = false; 
} 
else 
! 
this. rfvBookImage. Visible = false; 
} 
this. BindData( ); 


1 


/// < summary> 

/// 单 击 "保存 "按钮 事件 方法 

/// </summary> 

/// <param name = "sender"></param> 

/// <param name = "e"></param> 

protected void bntSave Click(object sender, EventArgs e) 
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string FileName = this.fulBook.FileName; 
if (FileName.Trim().Trim().Length != 0) 
{ 
string strpath = Server.MapPath("~/images/BookCovers/" + txtISBN.Text.Trim() + ".jpg"); 
fulBook. PostedFile. SaveAs( strpath); // 把 图 片 保 存在 此 路 径 中 
} 
BookManager manger = new BookManager(); 
Book book = new Book(); 
book. Author = txtAuthor. Text; 
//Category 为 图 书 分 类 实体 类 , 在 Category. cs 中 有 构造 方法 public Category( int id, string 
name) 
book. Category = new Category (int. Parse (ddlCategory. SelectedValue), ddlCategory. 
SelectedItem. Text ); 
book. ContentDescription = txtDesc. Text; 
book. ISBN = txtISBN. Text; 
book. PublishDate = DateTime.Parse(txtPublishDate. Text); 
//Publisher 为 出 版 社 信息 实体 类 , 在 Publisher. cs 中 有 构造 方法 public Publisher (int id, 
string name) 
book. Publisher = new Publisher ( int. Parse (ddlPublisher. SelectedValue), ddlPublisher. 
SelectedItem. Text ); 
book. Title = txtTitle.Text; 
book. TOC = ftbToc.Text; 
book. UnitPrice = decimal. Parse(txtPrice. Text); 
if (Request. QueryString["id"] != null) 
| 
book. Id = Convert.ToInt32(Request. QueryString["id"]); 
if (manger. ModifyBook(book)) 
Page. RegisterClientScriptBlock("", "< script > alert( ' 书 籍 修改 成 功 ! ')</script >"); 
b 
else 
manger. AddBook( book); 
Response. Redirect("~/admin/BookList.aspx"); 
//Page. RegisterClientScriptBlock("", "< script > alert( ' 书 籍 添加 成 功 !')</script >"); 


/// < summary> 
/// 根据 图 书 Id 绑 定 图 书信 息 到 页 面 对 应 控件 
/// </summary> 
private void BindData( ) 
{ 
if (Request. QueryString["id"] != null) 
!; 
Book book = new BookManager().GetBookById(Convert.'ToInt 32(Request. QueryString[ "id"])); 
this. txtAuthor. Text = book.Author; 
this. txtTitle. Text = book.Title; 
this. ddlPublisher. SelectedValue = book.Publisher. Id.ToString(); 
this. ddlCategory. SelectedValue = book.Category. Id.ToString(); 
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this. txtISBN. Text = book. ISBN; 

this. txtPublishDate. Text = book.PublishDate.ToShortDateString(); 

this. txtPrice. Text = string.Format("{0:f2}", book. UnitPrice); 

this. txtDesc. Text = book.ContentDescription; 

this. ftbToc. Text = book.TOC; 

this. imgBook. ImageUrl = "~/Images/BookCovers/" + book.ISBN + ".jpg"; 

//this. imgBook. ImageUrl = StringUtility.CoverUrl(book.ISBN); // 效 果 与 上 一 行 代 
// 码 一 样 


任务 8-2-3 实现 “新 知 书店 ”管理 员 端 的 图 书 添加 功能 


【任务 描述 】 
实现 图 8-35 中 的 添加 书籍 功能 。 
【任务 实施 】 


1. 思路 分 析 


“新 知 书店 ”的 管理 端 除 可 以 修改 图 书信 息 外 ,还 需要 图 书 的 添加 功能 ,可 以 在 图 书信 息 
列表 页 面 添 加 一 个 “添加 书籍 ”的 链接 , 当 管理 员 单 击 该 链接 时 ,页 面 将 跳 转 到 新 增 图 书信 息 
页 面 。 新 增 图 书页 面 与 图 书信 息 修改 页 面相 比 .除了 不 需要 传递 图 书 编号 这 个 参数 和 不 需 
要 检索 当前 图 书信 息 外 ,其 他 没有 区 别 , 可 以 使 用 图 书信 息 修改 页 面 完 成 图 书 添加 功能 ,这 
里 为 了 区 分 ,把 新 增 图 书信 息 页 面 取 名 为 BookAdd. aspx( 代 码 相 同 )。 可 以 通过 Request. 
QueryString[“1d”] 是 否 为 空 来 判断 当前 执行 的 是 修改 操作 还 是 新 增 操作 。 如 果 执 行 的 是 
新 增 操作 ,就 将 图 书信 息 插 入 到 Books 表 中 。 


2. 图 书信 息 添 加 数据 访问 层 的 实现 


在 BookShopDAL 项 目的 BookService. cs 类 中 ,添加 一 个 添加 图 书 详细 信息 的 方法 
AddBook(Book book) ,代码 如 下 : 


public void AddBook( Book book) 
{ 
// 拼 接 SQL 语句 
string sql = " INSERT Books (Title, Author, PublisherId, PublishDate, ISBN, UnitPrice, 
ContentDescription, TOC, CategoryId)" + "VALUES (@Title, @Author, @PublisherId, @PublishDate, 
@ISBN, @UnitPrice, @ContentDescription, @TOC, @CategoryId)"; 
sql += " ; SELECT @(@IDENTITY"; // 获 取 最 新 添加 的 用 户 Id 
SqlParameter[ ] para = new SqlParameter[ ] 
4 
new SqlParameter("(@PublisherId", book.Publisher. Id), //FK 
new SqlParameter("@CategoryId", book.Category.Id), //FK 
new SqlParameter("@Title", book.Title), 
new SqlParameter("(@Author", book. Author), 
new SqlParameter("(@PublishDate", book.PublishDate), 
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new SqlParameter("(@ISBN", book. ISBN), 
new SqlParameter("(@UnitPrice", book. UnitPrice), 
new SqlParameter("(@ContentDescription", book.ContentDescription), 
new SqlParameter("(@TOC", book.TOC), 
}; 
book. Id = Convert. ToInt32(SqlHelper. ExecuteScalar (this. connection, CommandType. Text, 
sql, para)); 
上 


代码 与 任务 6-2-3 实现 用 户 注 册 添 加 用 户 信息 很 相似 。 
3. 图 书信 息 添 加 表示 层 的 实现 


添加 图 书信 息 页 面 BookAdd. aspx 与 修改 图 书 详细 信息 的 页 面 BookEdit. aspx 一 样 ， 
不 需要 修改 ,后 置 代 码 文 件 亦 不 需要 修改 。 单 击 页 面 * 保 存 按 钮 的 事件 方法 部 分 代码 
如 下 : 


if (Request. QueryString["id"] != null) 
{ 

book. Id = Convert.ToInt32(Request. QueryString["id"]); 

if (manger. ModifyBook(book)) 

Page. RegisterClientScriptBlock("", "< script > alert( ' 书 籍 修改 成 功 ! ')</script >"); 

jl 
else 
lL 

manger. AddBook( book) ; 

Response. Redirect("~/admin/BookList. aspx"); 

//Page. RegisterClientScriptBlock("", "< script > alert( ' 书 籍 添 加 成 功 ! ')</script >"); 


任务 8-2-4 实现 “新 知 书店 ”前 台 图 书 列表 显示 功能 


【任务 描述 】 

。 为 “新 知 书 店 添 加 图 书 列表 显示 功能 ,要 求 显 示 点 击 率 前 五 位 的 书籍 信息 ,包括 图 
书 封 面 .图 书 标题 、 作 者、 内容 描述 、 价 格 信息 。 

。 图 书 标题 和 封面 要 求实 现 链接 功能 ,内 容 描述 要 求 只 显示 前 180 个 字符 。 

。 如 果 当 前 图 书信 息 为 空 ,页 面 将 跳 转 到 前 台 默 认 页 面 ,效果 如 图 8-38 所 示 。 

【任务 实施 】 


1. 图 书 列表 数据 访问 层 与 业务 逻辑 层 的 实现 


DataList 控件 能 够 实现 灵活 复杂 的 页 面 布 局 ,可 以 通过 它 来 做 图 书 列 表 , 要 完成 这 一 功 
能 , 需 先 从 数据 访问 展 和 业务 逻辑 层 着 手 。 本 任务 需要 取出 的 图 书信 息 类 似 任务 8-2-1 中 
管理 端 图 书 查询 所 需要 的 图 书信 息 。 

(1) 图 书 列表 数据 访问 层 的 实现 。 

在 BookShopDAL 项 目的 BookService. cs 类 中 ,添加 一 个 获取 5 本 点 击 率 最 高 的 图 书 
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图 8-38 “新 知 书店 ”前 台 图 书 列表 显示 页 面 
信息 列表 对 象 的 方法 GetClickMoreBooks(int count) ,代码 如 下 : 


public List < Book > GetClickMoreBooks( int count) 


{ 
string sqlAll = "SELECT TOP ”+ count + " * FROM Books ORDER BY Clicks DESC"; 
return GetBooksBySql (sqlAl11); 

public List < Book > GetBooksBYSql (string safeSql) 

{ 
// 代 码 在 示例 8- 2 的 表 8 一 4 中 ,此 处 省 略 

8 


(2) 在 BookShopBLL 项 目的 类 文件 BookManager. cs 中 ,添加 代码 如 下 : 


public List < Book > GetClickMoreBooks( int count) 


{ 
return new BookService( ). GetClickMoreBooks(count); 


1 


2. 图 书 查询 表示 层 的 实现 
1) 表示 层 页 面 设计 
在 站 点 项 目 Web 下 根据 前 台 母 版 页 Common. master 创建 内 容 页 preBookList. aspx 


(注意 :BookList. aspx 是 下 一 个 任务 的 页 面 ) .并 从 工具 箱 拖 入 DataList 控件 至 页 面 并 定义 
ItemTemplate 模板 ,代码 如 下 : 
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<asp:Content ID= "Content2" ContentPlaceHolderID = "cphHeader" runat = "Server"> 
< link href = "Css/channel.css" rel = "stylesheet" type = "text/css" /> 
</asp:Content > 
< asp:Content ID = "Content1" ContentPlaceHolderID = "cphContent" runat = "Server"> 
&nbsp;&nbsp; 您 现在 的 位 置 : 
<div class= "main"> 
< asp:DataList ID = "dlBooks" runat = "server"> 
< ItemTemplate> 
<table id= "tbBooks" class = "list area"> 
<tr> 
<td rowspan = "2" class = "td left"> 
<a href = "BookDetail.aspx?bid=<%# Eval("Id") %>"> 
<% ——-<imgalt="" src="<% # GetUrl(Eval("ISBN"). ToString()) 


>" /> -= > 
< img alt ="" src = '<% # Eval (" ISBN"," Images/BookCovers/{0}. 
jpg") %>" 
</a> 
</td> 
<tdclass= "td right"> 
<a href = "BookDetail.aspx?bid=<%# Eval("Id")%>" name= "link prd_ 
name. 
target =" blank" class = "b title" id= "link prd name"> 
< 外 井 Eval("Title") %></a> 
</td> 
</tr> 
<tr> 
<tdalign= "left"> 
<span><%# Eval("Author") %></span><br /><br /></span> 
<span><%# StringUtility. CutString(Eval( "ContentDescription"), 180)%> 
</span> 
</td> 
</tr> 
<tr> 
<td align = "right" colspan = "2"> 价 格 : 
<span class = "red"><%# StringUtility. ToMoney(Eval("UnitPrice"))%> 
</span> 
</td> 
</tr> 
</table> 
</ItemTemplate > 
< SeparatorTemplate ></SeparatorTemplate > 
</asp:DataList > 
</div> 
</asp:Content > 


获取 图 书 封面 用 一 img alt 二 "" src 二 ' 二 % # Eval("ISBN","Images/ BookCovers/ {0}). jpg")% 记 ' 
的 方式 , 它 是 Eval() 的 一 个 重 载 方法 ,非常 重要 ,要 使 用 熟练 。Eval("ContentDescription") 
获取 图 书 内 容 描 述 ,将 它 作 为 CutString(object content, int num) 方 法 的 参数 ,用 于 截取 前 
180 个 字符 。CutString 方法 定义 在 Web 站 点 项 目的 文件 夹 App_Code 下 的 StringUrtility. cs 类 
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文件 中 ,代码 如 下 : 


/// < summary> 
/// 截断 字符 串 
/// </summary> 
public static string CutString(object content，int num) 
{ 
if (content. ToString(). Length > num - 2) 
return content. ToString().Substring(0, num 一 2) + "..."; 
else 
return content. ToString( ); 


2) 编程 实现 图 书 列表 相关 功能 
在 图 书 列表 页 的 后 置 代码 文件 preBookList. aspx. cs 中 编程 实现 图 书 列表 功能 ,添加 代 
码 如 下 : 


using BookShop. BLL; 
using BookShop. Models; 
public partial class preBookList : System. Web. UI.Page 


{ 
protected void Page Load(object sender, EventArgs e) 
if (!IsPostBack) 
{ 
this. DataBind( ); 
} 


private void DataBind( ) 
{ 
BookManager manager = new BookManager(); 
List <Book> list = manager. GetClickMoreBooks(5); 
this. dlBooks. DataSource = list; 
this. dlBooks. DataBind( ); 
. 


/// < summary> 
/// 获得 封面 的 url 
/// </summary> 
public string GetUrl(string isbn) 
return "Images/BookCovers/" + isbn.ToString() + ".jpg"; 
} 
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任务 8-2-5 实现 “新 知 书店 ”前 台 图 书 列表 显示 的 排序 和 分 页 


【任务 描述 】 
。 实现 每 页 显示 五 条 图 书记 录 , 分 页 功能 如 图 8-39 所 示 。 
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。 实现 单 击 TreeView 的 分 类 名 ,显示 该 分 类 下 的 全 部 图 书信 息 。 
【任务 实施 】 


1. 图 书 列表 排序 和 分 页 数据 访问 层 与 业务 逻辑 层 的 实现 


DataList 控件 没有 提供 内 置 分 页 功能 .有 时 候 不 方便 。 目 前 有 很 多 添加 分 页 的 方法 , 比 
如 使 用 存储 过 程 来 控制 每 页 的 数据 读 取 , 这 种 方式 效率 高 但 比较 复杂 ,本 任务 采用 
PagedDataSource 对 象 给 DataList 实现 分 页 。 
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1) 图 书 列 表 排 序 和 分 页 数据 访问 层 的 实现 
在 BookShopDAL 项 目的 BookService. cs 类 中 ,添加 一 个 根据 图 书 分 类 ID 号 和 排序 方 
式 获 取 图 书信 息 列 表 对 象 的 方法 GetBooks(int categoryId，string sortField) ,代码 如 下 : 


/// < summary> 
// 根据 分 类 号 和 排序 字段 获取 图 书信 息 
/// </summary> 
/// < param name = "categoryId"></param> 
/// < param name = "sortField"></param > 
/// < returns></returns> 
public List < Book > GetBooks(int categoryId，string sortField) 
{ 
List< Book> list = new List< Book>(); 
SqlParameter[ ] paras = new SqlParameter[] 
new SqlParameter("(@CategoryId", categoryId), 
new SqlParameter("(@SortField", sortField) 
}; 
DataSet ds = SqlHelper. ExecuteDataset(this.connection, CommandType. StoredProcedure, "sp 
_GetBooksByCategoryIdAndSortField", paras); 
if (ds. Tables. Count > 0) 
DataTable dt = ds.Tables[0]; 
foreach (DataRow row in dt. Rows) 
{ 
Book book = new Book(); 
book. Id = (int)row["Id"]; 
book. Title = (string)row["Title"]; 
book. Author = (string)row["Author"]; 


if (dt.Columns. Contains("UnitPrice")) 
book. UnitPrice = (decimal)row["UnitPrice"]; 

if (dt.Columns. Contains("ContentDescription")) 
book. ContentDescription = (string)row["ContentDescription"]; 

证 (dt.Columns. Contains("ISBN")) 
book. ISBN = (string)row["ISBN"]; 

if (dt. Columns. Contains("Clicks")) 
book.Clicks = (int)row["Clicks"]; 

if (dt. Columns. Contains("PublishDate")) 
book. PublishDate = (DateTime)row["PublishDate"]; 

证 (dt.Columns. Contains("CategoryId")) 
book. Category = new CategoryService().GetCategoryById( (int)row[ "CategoryId" ] ) ; 
book. Publisher = new PublisherService ( ). GetPublisherById (( int ) row 

["PublisherId"]); //FK 
list. Add( book); 
} 
} 


return list; 
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其 中 sp_GetBooksByCategoryIdAndSortField 为 根据 根据 图 书 分 类 Id 号 和 排序 方式 获 
取 图 书信 息 列表 的 存储 过 程 ,代码 如 下 : 


ALTER PROCEDURE [ dbo]. [sp_GetBooksByCategoryIdAndSortField] 


@sortField VARCHAR(20), 一 排序 方式 
@CategoryId INT -- 图书 类 别 
RS 
一 -根据 分 类 号 和 排序 关键 字 获 取 图 书 列表 
IF(@SortField= 'PublishDate') 
BEGIN 
select * from books where CategoryId = @CategoryId ORDER BY PublishDate 
END 
ELSE IF(@SortField= 'UnitPrice') 
BEGIN 
Select * from books where CategoryId = @CategoryId ORDER BY UnitPrice 
END 


2) 图 书 列 表 排 序 和 分 页 业务 逻辑 层 的 实现 
在 BookShopBLL 项 目的 类 文件 BookManager. cs 中 ,添加 代码 如 下 : 


public List < Book > GetBooks(int category, string sortField) 
{ 

return new BookService( ) . GetBooks(category, sortField); 
小 


2. 图 书 查询 表示 层 的 实现 


1) 表示 层 页 面 设计 

在 站 点 项 目 Web 下 根据 前 台 母 版 页 Common. master 创建 内 容 页 BookList. aspx, 并 从 
工具 箱 拖 入 DataList 控件 至 页 面 并 定义 ItemTemplate 模板 ,ItemTemplate 模板 代码 与 任 
务 8-2-4 中 的 页 面 preBookList. aspx 定义 的 一 致 , 拖 入 DropDownList 控件 和 Label 控件 ， 
代码 如 下 : 


< asp:Content ID = "Content1" ContentPlaceHolderID = "cphContent" runat = "Server"> 
< div class = "main"> 
<div class= "list asc"> 
<! —— choice order type——> 
<div class = "type choice f left"> 
排序 方式 
< asp: DropDownList ID = " ddlOrder" runat = " server" AutoPostBack = " true" 
OnSelectedIndexChanged = "ddlOrder SelectedIndexChanged"> 
<asp:ListItem Value = "1"> 按 出 版 日 期 排序 </asp:ListItem> 
<asp:ListItem Value = "2"> 按 价格 排序 </asp:ListItem> 
</asp:DropDownList > 
</div> 
</div> 
<asp:DataList ID = "dlBooks" runat = "server"> 
<# -- ItemTemplate 模板 代码 在 任务 8 一 2 一 4 中 定义 过 ,此 处 省 略 -一 > 
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</asp:DataList> 
<div class = "pages"> 
< asp:Label runat = " server” ID = " 1]blCurrentPage"></asp:Label > 
< asp:Button ID = "btnPrev”runat ="server" Text =" 上 一 页 " OnClick = "btnPrev_ Click" /> 
< asp:Button ID = "btnNext" runat ="server"” Text =" 下 一 页 " OnClick="btnNext Click" /> 
</div> 


</div> 
</asp:Content > 


2) 编程 实现 图 书 列表 排序 和 分 页 相关 功能 
在 图 书 列表 页 排序 和 分 页 的 后 置 代 码 文件 BookList. aspx. cs 中 编程 实现 图 书 列表 排 
序 和 分 页 的 功能 ,代码 如 下 : 


using BookShop. Models; 
using BookShop. BLL; 
public partial class BookList : System. Web. UI.Page 


{ 


private int PageSize = 5; 
/// < summary> 

/// 当前 页 

/// </summary> 

public int CurrentPageIndex 


| 
set 
| 
ViewState[ "CurrentPageIndex"] = value; 
} 
get 
{ 
return Convert. ToInt32(ViewState[ "CurrentPageIndex" ] ); 
} 
上 
/// < summary> 
/// 总 页 数 
/// </summary> 
public int PageCount 
set 
{ 
ViewState[ "PageCount"] = value; 
} 
get 


return Convert. ToInt32(ViewState[ "PageCount" ] ); 
} 
} 
/// < summary> 
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/// 当前 分 类 Id 
/// </summary> 
private int CategoryId 
get 
{ 
return (int)ViewState[ "CategoryId"]; 


ViewState[ "CategoryId"] = value; 
} 
i 
/// < summary> 
/// 当前 排序 字段 
/// </summary> 
Private string Order 
get 
{ 
if (ViewState["Order"] == null) 
return "PublishDate"; 
return (string)ViewState[ "Order" ]; 


ViewState["Order"] = value; 
} 
| 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) // 首 次 加 载 , 赋 初 值 
this. CurrentPageIndex = 1; 
try 
{ 
this. CategoryId = Convert.ToInt32(Request. QueryString[ "typeid"]); 


} 


catch 


{ 
this. CategoryId 


上 
1 
-~ 


:| 
this. BindList(); 
} 
j 
public void BindList() // 绑 定 图 书信 息 的 方法 
BookManager manager = new BookManager(); 
List< Book> list = manager. GetBooks(CategoryId, Order); 
PagedDataSource pds = new PagedDataSource(); // 定 义 一 个 PagedDataSource 实例 
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pds. AllowPaging = true; /设置 数据 绑 定 控件 启用 分 页 
pds. CurrentPageIndex = CurrentPageIndex - 1; // 使 用 状态 保持 保存 当前 页 数 
if (list.Count == 0) 
Response. Redirect ("~ /Default. aspx"); 
pds. DataSource = list; // 指 定 PagedDataSource 数据 源 
pds. PageSize = this.PageSize; // 设 置 每 页 记录 数 
this. PageCount = pds.PageCount; 
this. lblCurrentPage. Text = "第 ”+ CurrentPageIndex + "页 , 共 "+ this.PageCount + "页 "; 
this. dlBooks. DataSource = pds; // 将 DataList 的 数据 源 设置 成 PagedDataSource 
this. dlBooks. DataBind( ); 
. 
/// < summary> 
/// 下 拉 列 表 选 项 发 生 改变 的 事件 方法 (排序 方式 变化 ) 
/// </summary> 
Protected void ddlOrder_ SelectedIndexChanged(object sender, EventArgs e) 
{ 
if (ddlOrder. SelectedValue == "1") 
{ 
this. Order 
} 
else 
{ 
this. Order = "UnitPrice"; 
} 
this. CurrentPageIndex = 1; 
this. BindList(); 
4 
/// < summary> 
///“" 翻 页 "标签 的 状态 
/// </summary> 
private void SetEnable( int pageCount) 


"PublishDate"; 


this. btnPrev. Enabled = true; 

this. btnNext. Enabled = true; 

if (this. CurrentPage: == 1) 
btnPrev. Enabled = false; 

if (this. CurrentPageIndex == pageCount) 
btnNext. Enabled = false; 


1 
/// < summary> 
/// "下 一 页 "按钮 事件 方法 
/// </summary> 
protected void btnNext_Click(object sender, EventArgs e) 
i 
this. CurrentPageIndex++ ; 
this. BindList(); 
. 
/// < summary> 
/// "上 一 页 "按钮 事件 方法 
/// </summary> 
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protected void btnPrev Click(object sender, EventArgs e) 
{ 
this. CurrentPageIndex —— ; 
this. BindList(); 
lL 
/// < summary> 
/// 获得 封面 的 url 
/// </summary> 
public string GetUrl(string isbn) 
{ 
return "Images/BookCovers/" + isbn.ToString() + ".jpg"; 
} 


任务 8-2-6 ”搭建 “新 知 书店 ”前 台 图 书 详细 信息 显示 页 面 


【任务 描述 】 

实现 单 击 图 8-38 中 的 图 书 的 封面 或 标题 时 ,链接 到 页 面 BookDetailsView. aspx 显示 
该 图 书 的 详细 信息 ,效果 如 图 8-45 所 示 。 

【任务 实施 】 

1. 图 书 详细 信息 显示 数据 访问 层 与 业务 逻辑 层 的 实现 


DetailsView 控件 一 次 可 以 显示 一 条 记录 , 当 需 要 详细 显示 数据 库 文件 中 的 某 一 条 记录 
时 ,使 用 DetailsView 控件 就 非常 方便 ,当然 ,数据 访问 层 和 业务 逻辑 层 要 能 实现 根据 图 书 
Id 值 从 图 书 表 Books 里 查找 相应 的 图 书记 录 ,并 返回 一 个 图 书 对 象 。 

1) 图 书 详细 信息 显示 数据 访问 层 的 实现 

在 BookShopDAL 项 目的 BookService. cs 类 中 ,添加 一 个 根据 图 书 Id 值 获取 一 本 图 书 
信息 对 象 的 方法 GetBookById(int id) ,代码 如 下 : 


public Book GetBookById( int id) 
{ 
string sql = "SELECT * FROM Books WHERE Id = (@Id"; 
int publisherId; 
int categoryId; 
Book book = null; 
using ( SqlDataReader reader = SqlHelper. ExecuteReader (this. connection, CommandType. 
Text, sql, new SqlParameter("@Id", id))) 
{ 
if (reader. Read()) 
| 
book = new Book(); 
book. Id = (int)reader["Id"]; 
book. Title = (string)reader["Title"]; 
book. Ruthor = (string)reader["Author"]; 
book. PublishDate = (DateTime)reader["PublishDate"]; 
book. ISBN = (string)reader["ISBN"]; 
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book. UnitPrice = (decimal)reader["UnitPrice"]; 
book. ContentDescription = (string)reader["ContentDescription"]; 
book. TOC = (string)reader["TOC"]; 
book. Clicks = (int)reader["Clicks"]; 
publisherId = (int)reader["PublisherId"]; /VEFK 
categoryId = (int)reader["CategoryId"]; //FK 
reader. Close( ); 
book. Publisher = new PublisherService().GetPublisherById(publisherId); 
book. Category = new CategoryService().GetCategoryById(categoryId); 
Y 
1 
return book; 
1 


2) 图 书 详细 信息 显示 业务 逻辑 层 的 实现 
在 BookShopBLL 项 目的 类 文件 BookManager. cs 中 ,添加 代码 如 下 : 


public Book GetBookById( int id) 
上 
return new BookService( ). GetBookBYId( id); 


2. 图 书 详细 信息 显示 表示 层 的 设计 与 实现 


(1) 基于 前 台 母 版 页 Common. master 创建 内 容 页 BookDetailsView. aspx, 并 从 工具 箱 
拖 人 和 人 DetailsView 控件 至 页 面 。 选 中 DetailsView 控件 ,点 击 右 上 角 的 箭头 符号 ,弹出 
“DetailsView 任务 ”窗口 ,在 “DetailsView 任务 ”窗口 的 “选择 数据 源 ” 下 拉 列 表 框 中 选 < 新建 
数据 源 ” 选 项 ,弹出 “数据 源 配 置 向 导 ” 对 话 框 ,在 对 话 框 的 “应 用 程序 从 哪里 获取 数据 (W)?” 
选项 组 中 选择 “对 象 ” 选 项 ,为 数据 源 指定 ID 为 odsBook, 单 击 “ 下 一 步 ” 按 钮 ,进入 “配置 数 
据 源 ” 对 话 框 ,在 “选择 业务 对 象 "* 下 拉 列 表 框 中 选择 BookShop. BLL. BookManager 选项 ， 
如 图 8-41 所 示 。 


配 兽 数据 源 - ObjectDataSourcel ?4 


( > 选择 业务 对 象 


选择 可 以 用 于 检索 或 更 新 数据 的 业务 对 象 ( 例 kn， 在 此 应 用 程序 的 Bin 或 App_Code 目录 中 定义 的 对 第 )。 


选择 业务 对 象 (C): 


~ | 口 只 子 示 数据 过 件 (可 


< 上 一步 四 上 (MN) > 完 下 (E) 取消 


图 8-41 ObjectDataSource 控件 的 “配置 数据 源 ” 对 话 框 
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(2) 单 击 “下 一 步 ? 按 钮 ,在 “定义 数据 方法 ”窗口 的 SELECT 选项 卡 的 “选择 方法 ”下拉 
列表 框 中 选择 “GetBookById(Int32 id) ,返回 Book” 选 项 ,如 图 8-42 所 示 , 如 果 需 要 使 用 
DetailsView 空间 进行 图 书信 息 的 修改 .删除 和 添加 ,可 依次 为 “定义 数据 方法 ”的 
UPDATE INSERT .DELETE 选项 卡 选择 方法 。 


配置 教 据 源 - ObjectDataSsourcel We 


上 @, 定义 数据 方法 
SELECT UPDATE| INSERT| DELETE| 


选择 与 SELECT 操作 关联 并 返回 数据 的 业务 对 象 的 方法 。 久 方法 可 返回 DataSet、DataReader 或 强 类 型 集合 。 
示例 ; Getproducts(Int32 categoryId)， 它 返回 DataSet, 


选择 方法 (C): 

Gainomimne0 

方法 签名 (M): 

I id)， 返回 Book | 


图 8-42 ”ObjectDataSource 控件 的 “定义 数据 方法 ”窗口 


(3) 单 击 “ 下 一 步 " 按 钮 ,在 “定义 参数 "窗口 中 将 “参数 源 " 选 择 为 QueryString, 将 
QueryStringField 设置 为 bid(bid 为 BookList. aspx 页 面 传 过 来 的 参数 ) ,如 图 8-43 所 示 。 


L | 本 定义 戎 到 


向 导 在 低 的 SELECT 方法 中 检测 到 一 个 或 多 个 参数 。 靖 为 SELECT 方法 中 的 每 个 参数 选择 条 救 值 的 源 。 


条 数 (E): 参数 源 (5): 

客 称 值 Querystring YY 

站 RequestQuery 
QueryStringField: 
bid 
DefaultValue: 
显 元 商 绿 大 性 

方法 签名 (M); 


GetBookById(Int32 id)， 返 回 Book 


< 上-(p) f(y) > xk | | 取 滑 


图 8-43 ”ObjectDataSource 控件 的 “定义 参数 ”窗口 
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单 击 “ 完 成 ”按钮 ,完成 DetailsView 控件 ObjectDataSource 数据 源 的 配置 。 代 码 如 下 : 


< asp:ObjectDataSource ID = "odsBook" runat = "server" SelectMethod = "GetBookById" 
TypeName = "BookShop. BLL. BookManager"> 
< SelectParameters > 
<asp:QueryStringParameter DefaultValue = "6088" Name = " id" QueryStringField= "bid" 
Type= "Int32" /> 
</SelectParameters > 
</asp:ObjectDataSource> 


(4) 至 此 ,在 图 书 列表 页 BookList. aspx 中 单 击 某 一 图 书 的 标题 ,链接 到 选中 图 书 的 详 
细 信 息 显 示 页 面 BookDetailsView. aspx。 

从 显示 页 面 可 以 看 出 ,图 书 的 详细 信息 内 容 均 已 经 显示 出 来 ,但 比较 混乱 ,为 达到 显示 
美观 的 效果 ,对 DetailsView 控件 的 相关 属性 进行 设置 ,并 在 "DetailsView 任务 ”窗口 中 选 
择 “ 编 辑 字段 ”选项 ,在 “字段 ”对话 框 中 对 自动 以 数据 表 字段 自动 生成 的 对 应 字段 进行 调整 ， 
如 图 8-44 所 示 ,具体 设置 方式 与 GridView 的 字段 设置 大 同 小 异 ,在 此 不 予 袭 述 。 需 要 注意 
的 是 ,为 了 显示 “购买 ”按钮 ,把 “单价 ”字段 转换 成 了 模板 。 设 置 完 成 后 重新 运行 ,效果 如 
图 8-45 所 示 。 


可 用 字段 (A): ImageField 属性 (P)- 
| 四 BoundField 加 | 
-本 CheckBoxField SortExpression 到 
- 司 HyperlinkField Visible True 
上 司 ImageField 9 可 访问 性 
[名 ButtonFleld AccessibleHeaderText 
日 名 CommandField 5 数据 
FD Tenploafild | DataAlternateTextField 
Dynamlctield 一 时 DataAlternateTextFormatString 
话 加 (D) DatalmageUrlField Bn i 
~ /Tmayes/80o0kCovers/{0}.jpg 
沅 定 的 字段 (8); _ - 
回 书 名 + AlternateText 
六 封面 FooterText 
F 生 村 日 期 HeaderImageUrl 
ISBN x eacerT ext 封面 副 
单价 
回 内 容 简 介 Datalmag leUrlFormatString 
口 日 录 对 搁 定 到 图 像 的 ImageUrl 属性 的 值 应 用 的 格式 设置 , 
口 自动 生成 字段 (G) 将 此 字 局 转 斤 为 TemplateField 
| 
出 新 架构 确定 琅 销 


图 8-44 ”DetailsView 控件 的 “字段 ?对 话 框 
切换 到 BookDetailsView. aspx 页 面 源 视图 ,可 以 看 到 设置 完 后 生成 了 如 下 代码 : 


< asp:DetailsView ID = "dvShowBook" runat = "server" AutoGenerateRows = "False" CellPadding = "4" 
DataSourceID = "odsBook”ForeColor = "#333333" GridLines = "None" Height = "50px" 
HorizontalAlign= "Center" Width="650px"> 
<AlternatingRowStyle BackColor = "White" ForeColor = "#284775" /> 
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新 知 图 书 
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http:/kmxzts.timalLcom 首页 商 讯 十 性 化 推荐 《购物 流程 ”在 乒 客服 如 分 兑换 。” 管理 六 口 《帮助 
一 书 名 涛 考 千 构 CF 滞 言 舟 ) 第 2 大 ) 
月 丽 洛 的 网 构 监 是 全 的 we 
人 Ay 
坦 看 所 有 分 类 >> 数据 结构 
日 > 计算 机 > 版 
> 计算 机 等 螨 考 斌 


PC Ct We Wt+ 


ASE NET 

pp Basie YB 

Yr Java Script Tava 本 书 是 人 入 汪 和 结构 (语言 版 》 的 第 2 版 ， 对 审 用 的 数据 结构 获 了 系统 的 人 向 ， 力 东 概 合 洁 所 ， 注 军 实 际 多 
和 JTNL XML 用 . 主要 内 容 包括 : 涩 用 结构 3 虚 本 概念 ， 渤 和 算法 分 析 初 步 ， 贱 性 表 、 链 表 . 梳 、 队列 、 内 .广义 
> .EI 渤 用 一 章 的 入 需 洋 纪 介绍 了 尾 式 存储 结构 小 加 这 读者 的 理 
> Perl 解 。 每 章 鸭 列 光 了 典 弄 应 用 实例 ,开刀 有 算法 和 程序 以 殿 数 学 和 实 路 使用。 

和 其 他 第 ! 拿 站 论 


目 好。 :1 3 学 避 数 据 半 构 的 必要 性 
1 数据 站 构 
1.2 灼 据 的 间 簿 洁 构 
1.2.1 葵 术 概念 


8-45 “新 知 书店 ”前 台 图 书 详细 信息 页 面 运 行 效果 


< CommandRowStyle BackColor = " #E2DED6" Font - Bold = "True" /> 
< EditRowStyle BackColor = "#999999" /> 
< FieldHeaderStyle BackColor = " # E9ECF1" Font— Bold = "True" HorizontalAlign = "Center" 
VerticalAlign= "Middle" Width= "80px" Wrap= "False" /> 
<Fields> 
<asp:BoundField DataField = "Title" HeaderText = " 书 名 " SortExpression = "Title" /> 
< asp: ImageField DataImageUrlField = " ISBN" DatalImageUrlFormatString = 
"一 /Images/BookCovers/{0}. jpg” HeaderText = "封面 "> 
</asp: ImageField> 
<asp:BoundField DataField = "Author" HeaderText = "作者 " SortExpression = "Author" /> 
<asp:BoundField DataField = "PublishDate"” HeaderText = "出 版 社 日 期 " 
SortExpression = "PublishDate" /> 
<asp:BoundField DataField= "ISBN" HeaderText = "ISBN 号 " SortExpression = "ISBN" /> 
< asp:TemplateField HeaderText = "单价 ”SortExpression ="UnitPrice"> 
< ItemTemplate> 
< asp:Label ID = "Label1”runat = "server" 
Text = '<% # Bind("UnitPrice", "{0:C}") %>'></asp:Label> 
<ahref = '<% #Eval("id","/ShoppingCart.aspx? = {0}") %>'> 
< img src = " Images/Common/buy. gif" /></a> 
</ItemTemplate> 
</asp:TemplateField> 
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<asp:BoundField DataField= "ContentDescription" HeaderText = "内 容 简介 " 
SortExpression = "ContentDescription" /> 
<asp:BoundField DataField= "TOC" HeaderText = "目录 " HtmlEncode = "False" 
SortExpression = "TOC" /> 
</Fields> 
< FooterStyle BackColor = "#5D7B9D" Font 一 Bold = "True" ForeColor = "White" /> 
< HeaderStyle BackColor = "#5D7B9D" Font — Bold= "True" ForeColor = "White" /> 
< PagerStyle BackColor = "#284775" ForeColor = "White" HorizontalAlign= "Center" /> 
< RowStyle BackColor = "#F7F6F3" BorderStyle = "Solid" ForeColor = "#333333" 
HorizontalAlign= "Left" /> 
</asp:DetailsView> 


8.3 项 目 实 训 


1. 实现 “博客 系统 "文章 管理 功能 


【需求 说 明 】 
。 只 有 注册 会 员 才 能 管理 文章 而 且 只 能 管理 自己 发 表 的 文章 ,实质 是 注册 会 员 对 自己 
发 表 的 文章 进行 修改 。 


会 员 单 击 “ 文 章 管理 ”链接 后 ,显示 该 会 员 发 表 的 文章 列表 ,文章 列表 显示 文章 标题 
及 对 应 的 “删除 ”和 "详细 ”链接 ,效果 如 图 8-46 所 示 。 

单 击 某 文章 的 “详细 ”链接 ,显示 该 文章 的 详细 信息 ,在 文章 详细 信息 页 面 单 击 “ 编 
辑 " 链 接 后 ,进入 文章 修改 页 面 。 

(提示 : 使 用 GridView 控件 实现 ) 


疙 La RY 


有 你 更 精 腊 
文章 标题 发 表 日 其 文章 点 击 率 评论 数 用 户 列表 iUsure Line 
找 和 托管 地 /入 类 型 和 引用 关 型 / 强 仙 类 型 转 染 / 开 逢 和 析 箱 2014 年 3 月 23 日 里 糊 日 S 0 掉队 洋 细 sh 
区 乔 与 雪 副 (override/overload) 2014 年 3 月 23 日 时 贡 日 2 0 月 险 洋 细 
抽象 方法 和 虚 方 法 的 区 别 2014 年 3 月 23 昌 星期 日 4 0 日 阶 洋 细 pe 
独特 江 
用 户 号 录 iLogin 
玫 榴 罕 江 区 迎 称 
发 表 文章 
文章 芝 理 
浏览 情 老 


后 2014 Baidu 使 用 百度 前 必 读 京 ICP 证 030173 号 Co.,Ltd 版 权 所 有 


图 8-46 “博客 系统 "文章 列表 页 (ManageList. aspx) 
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2. 实现 “博客 系统 ”首页 
【需求 说 明 】 


。 注册 会 员 和 匿名 用 户 都 可 以 使 用 此 功能 。 


。 显示 最 新 发 表 的 10 篇 文章 。 


。 按 列表 的 方式 显示 标题 文章 作者 及 发 布 时 间 。 


。 分 页 显示 文章 。 
。 提供 翻 页 功能 ,效果 如 图 8-47 所 示 。 


疙 es 


全 部 文章 

委托 和 事件 sa 

控 入 莽 析 Cs 的 志 志 sa 

把 染 方 法 和 和 虚 方法 出 区 别 独 钓 零 江 
亚 兼 二 重 载 {override/overload) 独 铂 寒 江 
覆 和 托 莒 地 / 值 奖 曹 和 引用 类 漠 / 强 制 这 寺 苇 的/ 凌 笨 入 拆 笨 独 钓 罕 江 
NET Framework 平 台 笨 系 结构 [Cz] Slaspx 
Cx# 匡 础 一 一 痰 淡 .NET 异 步 丹 程 的 演 克 史 Slaspx 


<<123455678910>>> 


Ca 有 
有 你 更 踏 需 ia 


2014-3-23 19:17:13 


2014-3-23 19:09:27 
2014-3-23 19:06:07 


用 户 列表 测 sure Line 
sa 

Slaspx 

独 构 塞 江 


用 户 登 录 iLogin 


已 2014 Bardu 使 用 百度 前 必 诸 京 1CPi 下 030173 号 CowLtd 藉 术 所 有 


图 8-47 “博客 系统 ”首页 效果 (Default. aspx) 


(提示 : 使 用 Repeater 控件 实现 。) 


人 @.4 单元 小 结 


本 单元 阐述 了 几 个 非常 重要 的 数据 绑 定 控件 ,首先 ,讨论 了 如 何 使 用 GridView 控件 的 
选择 功能 ,分 页 与 排序 \ 编 辑 与 删除 等 操作 ; 然后 介绍 通过 DataList 控件 进行 自 定 义 模板 绑 


定数 据 ,并 用 PagedDataSource 实现 分 页 功能 ,本 单元 的 知识 体系 如 图 8-48 所 示 。 


GridView 自身 功能 强大 , 带 有 丰富 的 数据 绑 定 列 , 有 许多 内 置 事件 帮助 处 理 程序 ， 
GridView 内 置 了 分 页 ,排序 功能 ,开发 效率 高 ,但 是 占用 资源 也 比较 高 ; DataList 的 模板 不 
如 GridView 多 ,以 表 的 形式 呈现 数据 ,通过 DataList 可 以 使 用 不 同 的 布局 显示 数据 记录 ， 
本 身 不 带 分 页 .排序 功能 ; Repeater 不 提供 任何 布局 , 即 不 会 生成 任何 Html 代码 ,需要 用 
户 通过 编辑 模板 实现 布局 功能 ,开发 的 周期 长 。 在 性 能 方面 , Repeater 高 于 DataList， 
DataList 高 于 GridView。GridView 通常 用 于 表格 化 数据 处 理 , 而 DataList 和 Repeater 多 


用 于 单行 多 列 、 多 行 单列 结构 的 数据 处 理 。 


条 


1 
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DataSourcelD 泌 定数 锯 源 控件 
数据 晨 定 品 DataSource 及 DataBind() 
AllowPaging 
Pageslze 
PageIndex 


主要 属性 品 


Gridview 基 本 使 用 忆 回 soundFelc 
ButtonField 


四 CommandFied 


侯 定 字段 的 设置 | HyperLinkField 


加 :maoerield 

Eeeaniiaig 

TemplateField 

| 

数据 线 定 控件 的 应 用 a 全 -图 Repearceumns, RepeatDIrecton. Darakeyrlele 
EditCommand 

DataList 控 件 电 ltemCommand 

ItemDataBound 

UpdateCommand 


DeleteCommand 


事件 G 


和 pagedDataSource 
DataList 实 现 分 页 功能 


Repeater 他 用 场合 
Repeater 抑 件 二 的 模板 


图 8-48 ”GridView、Repeater、DataList 控件 及 数据 分 页 知识 体系 


eRepeater © 


单元 练习 题 


、 选 择 题 


如 果 和 希望 在 GridView 控件 中 显示 “上 一 页 "和 “下 一 页 ”的 导航 栏 , 则 PagerSettings 


的 Mode 属性 为 ( ) 。 


A. 


= 


Numeric B. NextPrevious CGC 上 一 页 也: 下 一 页 
在 GridView 控件 中 ,如 果 定 制 了 列 , 有 和 希望 排序 , 则 需要 在 每 一 列 设置 ( ) 属 性 。 
. SortExpression B. Sort C. SortField D. DataFieldText 
在 ListView 控件 中 ,如 果 和 希望 每 行 有 4 列 数据 ,应 设置 ( 。”) 属 性 。 
. GroupltemCount B. RepeatColumn 
RepeatLayout D. RepeatNumber 
下 面 关于 ListView 控件 LayoutTemplate 和 ItemTemplate 模板 说 法 错误 的 是 ( 加 
. 标识 定义 控件 的 主要 布局 的 是 根 模板 
LayoutTemplate 模板 包含 一 个 占 位 符 对 象 , 例 如 表 行 (tr) ,div 或 span 元 素 
LayoutTemplate 模板 是 ListView 控件 所 必需 的 
.LayoutTemplate 内 容 不 必 包 含 一 个 占 位 符 控件 
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. 下面 关于 ListView 控件 和 DataPager 控件 说 法 错误 的 是 ( hs 
A. ListView 就 是 GridView 和 Repeater 的 结合 体 , 它 既 有 Repeater 控件 的 开放 式 模 
板 , 又 具有 GridView 控件 的 编辑 特性 
B. ListView 控件 本 身 不 提供 分 页 功能 ,但 是 可 以 通过 另 一 个 控件 DataPager 来 实现 分 
页 的 特性 
C. 在 ListView 中 ,布局 定义 与 数据 绑 定 不 可 以 分 开 在 不 同 的 模板 中 ,只 能 展现 数据 
D. DataPager 控件 能 支持 实现 IPageableItemContainer 接口 的 控件 ,ListView 是 现 有 
控件 中 唯一 实现 此 接口 的 控件 
6. 已 知 数据 库 连接 字符 串 ,要 通过 编程 获取 数据 库 中 Employees 表 中 数据 ,并 绑 定 到 
GridView 控件 上 。 后 台 编 写 代 码 如 下 ,空白 处 的 代码 应 为 ( )。 
string strcnn = ConfigurationManager. ConnectionStrings["StudentCnnString"]. ConnectionString; 


using (SqlConnection conn = new SqlConnection(strcnn) ) 


{ 
DataSet ds = new DataSet(); 


SqlDataAdapter da = new SqlDataAdapter("select * from Employees", 和 
da. Fill(ds); 
GridViewl. = ds.Tables[0]; 


. conn, DataSource,GridView]. DataBind() 
.connString, DataSource,GridView]1. DataBind() 
connString, DataSourceID,GridViewl1. DataBind() 
conn, DataSourceID,GridViewl. DataBind() 
下 面 的 ( ) 能 够 保持 页 面 级 的 状态 。 
ViewState B. Session C. Cookie D. Application 
下 面 关于 DataList 控件 和 Repeater 控件 描述 中 错误 的 是 ( 和 
. 这 两 种 数据 控件 都 允许 使 用 模板 显示 数据 
.Repeater 控件 可 以 使 用 较 少 的 代码 实现 丰富 的 显示 效果 
. 使 用 DataList 时 ,可 以 设 定 一 些 属性 来 进行 个 性 化 输出 
. 调用 这 两 种 控件 的 DataBind() 方 法 时 实现 数据 与 控件 的 绑 定 操作 
9. 将 显示 在 DataList 上 的 数据 进行 分 页 ,需要 用 到 PagedDataSource 类 ,该 类 封装 了 
与 分 页 相关 的 属性 ,其 中 表示 总 页 数 的 属性 是 ( )。 


= 


A. CurrentPageIndex B. Count 

C. PageCount D. PageSize 

二 、 填空 题 

1. GridView 控件 的 属性 表示 获取 或 设置 一 个 值 ,该 值 指示 是 否 为 数据 源 中 
的 每 个 字段 自动 创建 绑 定 字段 。 

2. ListView 控件 有 多 种 模板 , 其中， 标识 定义 控件 的 主要 布局 的 根 模 
板 ; 标识 组 布局 的 内 容 ; 标识 为 便于 区 分 连续 项 ,而 为 交替 项 呈现 的 


内 容 。 


单元 8 ”数据 绑 定 控件 的 应 用 


3. 在 GridView 控件 上 绑 定 了 一 列 CheckBox 控件 , 当 表 头 CheckBox 控件 选中 时 ,在 
GridView 控件 中 的 CheckBox 全 选 , 当 取 消 表 头 CheckBox 控件 选择 时 ,GridView 控件 中 
的 CheckBox 控件 全 不 选 ,该 GridView 控件 代码 如 下 : 


<asp:GridView ID = "GridViewl" runat = "server" AutoGenerateColumns = "False" 
DataKeyNames = "MajorId" DataSourceID = "SqlDataSourcel"> 
< Columns > 
<asp:TemplateField> 
< HeaderTemplate> 
< asp:CheckBox ID = "CheckBox2" runat = "server" AutoPostBack = "True" Text = 
"全 选 " oncheckedchanged = "CheckChange" /> 
</HeaderTemplate > 
< ItemTemplate> 
< asp:CheckBox ID = "CheckBoxl"” runat = "server" /> 
</ItemTemplate> 
</asp:TemplateField> 
< asp:BoundField DataField = "MajorId" HeaderText = "MajorId" ReadOnly= "True" /> 
<asp:BoundField DataField = "MajorName" HeaderText = "MajorName" /> 
</Columns > 
</asp:GridView> 
< asp:SqlDataSource ID = "SqlDataSourcel" runat = "server" 
ConnectionString = "<% $ ConnectionStrings :StuConnectionString %>" 
SelectCommand = "SELECT * FROM [Major]"></asp:SqlDataSource> 


为 实现 题目 所 述 的 功能 ,必须 实现 GridView 控件 表 头 CheckBox 控件 的 
oncheckedchanged 事件 代码 ,实现 代码 如 下 。 


protected void CheckChange(object sender, EventArgs e) 
{ 
CheckBox cb = (CheckBox) ; 
证 (cb. Text == "全 选 ") 
{ 
foreach (GridViewRow gv in this. GridView]. Rows) 
{ 
CheckBox cd = (CheckBox)gv.FindControl(" i 
cd. Checked = cb.Checked; 


} 
} 
三 、 问答 题 
1. 分 析 GridView、DataList 和 Repeater 三 个 控件 的 特点 (分 析 各 自 的 功能 ,效率 ,并 说 
明 在 哪 种 情况 下 使 用 ) 。 


2. 简单 介绍 GridView 控件 ,并 举例 说 明 GridView 控件 的 使 用 方法 。 
3. 简 述 ListView 控件 及 该 控件 如 何 显示 和 编辑 数据 。 
4. 比较 GridView、DetailView、FormView 和 ListView 控件 的 使 用 。 


数据 绑 定 控 件 应 用 进 阶 | 


教学 目标 : 

掌握 获取 GridView 单元 格 数据 的 相关 操作 。 

掌握 GridView 基于 单元 格 的 更 新 的 方法 。 

掌握 GridView 常用 事件 的 处 理 。 

掌握 GridView 中 如 何 删除 数据 。 

掌握 其 他 数据 绑 定 控件 与 GridView 相 类 似 的 操作 。 


@.1 知识 准备 


9.1.1 获取 GridView 单元 格 数据 


上 一 单元 完成 了 新 知 书店 管理 端 图 书 的 更 新 和 添加 功能 。 更 新 数据 时 ,为 管理 端 添加 
了 图 书 详细 信息 页 面 从 而 实现 了 更 新 功能 , 除 此 方法 之 外 ,本 单元 还 将 介绍 另外 一 种 实现 更 
新 操作 的 方法 一 一 基于 单元 格 数据 的 更 新 (以 GridView 控件 为 例 )。 在 前 面 的 单元 中 ,我 
们 学 习 了 GridView 的 数据 绑 定 以 及 数据 分 页 等 技巧 ,GridView 是 一 个 功能 及 其 丰富 的 控 
件 , 本 单元 将 深入 介绍 GridView 的 其 他 常用 操作 ,如 在 GridView 中 实现 单 选 .多 选 删除 数 
据 。 使 用 GridView 控件 操作 数据 时 ,常常 需要 获取 GridView 单元 格 数据 ,例如 使 用 详细 
信息 页 面 更 新 数据 时 ,就 可 以 通过 在 列表 页 面 获取 到 当前 记录 的 主键 ID, 再 将 该 ID 值 传递 
到 详细 页 面 实现 数据 绑 定 以 及 更 新 操作 ,本 单元 将 介绍 通过 行 、 列 或 通过 DataKey 属性 两 
种 获取 单元 格 数据 的 方式 。 


1. 通过 行 、 列 获取 单元 格 数据 


我 们 曾 介 绍 过 使 用 GridView 的 BoundField 和 TemplateField 等 七 种 数据 绑 定 列 类 型 来 控制 
GridView 中 某 一 列 的 显示 。 此 外 ,也 可 以 通过 GridView 的 行 来 操作 GridView 中 的 数据 。 在 获 
取 GridView 单元 格 数据 前 ,首先 来 分 析 GridView 的 结构 ,GridView 的 结构 如 图 9-1 所 示 。 

从 图 9-1 中 可 以 看 出 ,GridView 同 WinForms 中 的 数据 绑 定 控件 DataGridView 一 样 ， 
也 是 由 多 个 行 (GridViewRow) 组 成 的 ,形式 上 类 似 于 Table 中 的 TR, DataTable 中 的 
DataRow。 而 GridViewRow 是 由 一 个 个 单元 格 组 成 的 , GridView 中 单元 格 的 类 型 是 
TableCell 。 
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Cobo ] _ Tablecelicolection /mi 


十 区 二 


GridViewRow 
Collection 


图 9-1 GridView 的 结构 图 


GridView 的 GridViewRow 是 一 个 集合 ,可 以 通过 gvHR. Rows[index] 获 得 一 个 
GridViewRow 对 象 (其 中 gvHR 为 GridView 控件 对 象 名 ), 同 理 ,GridViewRow 中 的 单元 
格 也 是 一 个 集合 ,可 以 通过 this. gvHR. Rows[Lindex]. Cell[0]. Text 获取 表 中 第 index 十 1 
行 第 一 列 的 数据 ,也 可 以 使 用 以 下 代码 取得 相同 的 数据 。 


GridViewRow gr = gvHR. Rows[rowIndex]; 
string text = gr.Cells[0].Text; 


由 此 可 以 归纳 出 通过 GridView 中 的 行 和 列 取得 单元 格 数据 的 语法 如 下 。 


GridView 控件 ID.Rows[rowIndex]. Cell[columnIndex]. Text 


GridViewRow gr = GridView 控件 ID. Rows[ rowIndex]; 
string text = gr.Cells[columnIndex].Text; 


2. 通过 DataKeys 属性 获取 单元 格 数据 


上 面 介绍 的 通过 GridView 的 行 和 列 获取 单元 格 数据 的 问题 在 于 要 将 获取 的 数据 显示 
在 GridView 中 ,而 实际 项 目 开发 中 获取 的 数据 往往 是 数据 表 里 的 主键 ,对 于 用 户 来 说 应 该 
是 不 可 见 的 ,那么 如 何在 不 显示 主键 的 情况 下 获取 当前 选择 记录 的 主键 呢 ? 
有 人 可 能 已 经 想到 把 该 主键 的 Visible 属性 设置 为 false. 然 后 再 用 GridView 的 行 和 列 
来 获取 主键 ,但 是 问题 在 于 如 果 将 某 列 的 Visible 属性 设置 为 false, 则 该 列 的 数据 将 不 会 往 
返 于 服务 器 端 和 客户 端 , 因 此 不 能 用 这 个 方法 直接 获取 被 隐藏 单元 格 的 值 。 
要 实现 此 功能 要 用 到 GridView 的 两 个 属性 DataKeyNames 和 DataKeys, 这 两 个 属性 
在 介绍 GridView 时 曾 提 到 过 。 
。 DataKeyNames: 用 来 获取 或 指定 GridView 中 主键 字段 名 称 的 数组 ,多 个 主键 字段 
之 间 使 用 逗号 隔 开 。 
。 DataKeys: 用 来 获取 GridView 中 使 用 DataKeyNames 设置 的 每 一 行 主键 值 的 对 象 
集合 。 
认识 了 DataKeyNames 和 DataKeys 属性 ,如何 使 用 它们 来 获取 GridView 中 的 数据 ? 
1) 设置 绑 定 主键 
设置 绑 定 主键 有 如 下 两 种 方式 : 
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。 在 视图 设计 器 中 设置 DataKeyNames 属性 ,多 个 主键 字段 使 用 逗号 分 隔 。 
。 通过 如 下 代码 设置 绑 定 主键 : 


GridView 控件 ID.DataKeyNames = new string[] { "主键 字段 名 称 1", "主键 字段 名 称 2"，… }; 


GridView 控件 ID. DataBind(); 


2) 获取 主键 值 
获取 单个 主键 的 代码 如 下 。 


GridView 控件 ID. DataKeys[ index]. Value. Tostring(); 
获取 多 个 主键 的 代码 如 下 。 


GridView 控件 ID. DataKeys[ index][" 主 键 字段 名 称 1"]. Tostring(); 


或 
GridView 控件 ID. DataKeys[ index]. Values[ "主键 字段 名 称 1"]. Tostring(); 
实现 员工 详细 信息 更 新 ,获取 单元 格 数据 功能 ,使 用 DataKeys 属性 方式 实现 的 代码 
如 下 。 
protected void Page Load(object sender, EventArgs e) 
1 
if (!Page. IsPostBack) 
// 省 略 其 他 的 绑 定 代码 
// 设 置 主键 字段 为 userid 
this. gvHR. DataKeyNames = new string[] { "userid"}; 
this. gvHR. DataBind( ); 
} 
protected void gvHR_SelectedIndexChanging(object sender, GridViewSelectEventArgs e) 
{ 
int index = e.NewSelectedIndex; 
// 通 过 DataKey 获取 行 主键 值 
string key = this. gvHR. DataKeys[ index]. Value.ToString(); 
Response. Redirect("modify.aspx?id=" + key); 
» 
页 面 的 Page_Load 事件 方法 内 设置 DataKeyNames 属性 的 代码 也 可 以 通过 如 图 9-2 所 
示 来 设置 。 


9.1.2 基于 单元 格 的 更 新 


除了 在 详细 页 面 可 以 实现 某 一 条 记录 的 更 新 外 ,还 可 以 选择 使 用 在 GridView 的 单元 


格 中 实现 更 新 功能 , 即 基于 单元 格 的 更 新 。 基 于 
单元 格 更 新 的 基本 思路 是 先 使 要 更 新 的 行 处 于 
编辑 模式 ,然后 在 该 行 上 直接 修改 ,修改 后 ,将 数 
据 更 新 到 数据 库 , 最 后 重新 绑 定 GridView。 下 
面 按 这 个 思路 现实 员工 详细 信息 更 新 功能 。 


1. 设置 模板 列 


当 某 一 行 处 于 编辑 状态 时 ,该 行 需 提供 
TextBox .DropDownList 等 控件 供用 户 输入 或 
选择 。 编 辑 状 态 中 的 TextBox 等 控件 是 如 何 添 
加 的 ? 可 以 借助 编辑 模板 列 EditTemplate 来 实 
现 , 在 单元 8 中 实现 “全 选 ” 功 能 时 ,使 用 过 
ItemTemplate 和 HeaderTemplate, 分 别 在 普通 
项 和 标题 头 添加 了 一 个 复 选 框 。ItemTemplate 


提供 用 于 显示 信息 的 模板 ,而 EditTemplate 提供 用 于 编辑 信息 的 模板 ,为 显示 员工 信息 的 
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层 性 “x 


gvHR System.Web.UILWebControls.Gr ~ 


UseAccessibleHez True 
日 数据 
(Expressions) 
ClientIDRowSuffi: 
Er serid 回 时 
DataMember 
DataSourceID 
日 外 观 


Bb 


DataKeyNames 
数据 源 中 键 字 段 的 以 豆 号 分 隔 的 列表 。 


图 9-2 设置 GridView 的 DataKeyNames 


属性 


GridView 添加 编辑 模板 的 Default. aspx 页 面 代 码 如 下 所 示 。 


< asp:GridView ID = "gvHR" runat = "server" AutoGenerateColumns = "False" DataKeyNames = "userId" 


OnRowEditing = "gvHR_RowEditing" OnRowUpdating = "gvHR_RowUpdating" 
OnRowCancelingEdit = "gvHR_RowCancelingEdit"> 


< Columns > 


<asp:TemplateField HeaderText = "姓名 "> 


< ItemTemplate > 


< asp:Label ID = "lblName" runat = "server" Text = '<% #Eval("username") %>'> 


</asp:Label > 
</ItemTemplate> 
<EditItemTemplate> 


< asp:TExtBox ID = "txtName" runat = "server" Text = '<% 井 Bind("username") %>> 


</asp:TextBox> 
</EditItemTemplate> 
</asp:TemplateField> 


<asp:TemplateField HeaderText = "性 别 "> 


< ItemTemplate > 


//Eval() 方 法 的 返回 类 型 是 object, 这 里 需要 先进 行 类 型 转换 ,再 使 用 三 元 运算 符 比较 


<asp:Label ID = "lblGender" runat = "server" 


Text = '<% #Eval("gender"). TbString() == "True"?" 男 ":" 女 "%>></asp:Label > 


</ItemTemplate> 
< EditItemTemplate > 


< asp:DropDownList ID = " ddlGender”runat = " server"> 
< asp:ListItem Value = "True”Text =" 男 "></asp:ListItem> 
<asp:ListItem Value = "False" Text = " 女 "></asp:ListItem> 


</asp:DropDownList> 
</EditItemTemplate> 
</asp:TemplateField> 
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<asp:TemplateField HeaderText = "职务 "> 
< ItemTemplate> 
//GetDutyName() 方 法 是 后 置 代码 中 (服务 器 端 ) 的 一 个 方法 ,用 于 根据 职务 编号 获 
// 取 职务 名 称 
<asp:Label ID= "lblDuty" runat = "server" 
Text = '<% #GetDutyName(Eval("postID").ToString()) %>'></asp:Label> 
</ItemTemplate > 
< EditItemTemplate> 
< asp:DropDownList ID = "ddlDuty" runat = " server"> 
</asp:DropDownList > 
</EditItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "电话 "> 
< ItemTemplate > 
<asp:Label ID = "lblPhone" runat = "server" Text = '<% #Eval("telePhone") %>></ 
asp:Label > 
</ItemTemplate> 
<EditItemTemplate> 
< asp: TextBox ID = "txtPhone" runat = "server" Text = '<% #Bind("telePhone") %>'> 
</asp: TextBox > 
</EditItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "地 址 "> 
< ItemTemplate > 
< asp:Label ID = "lblAddress" runat = "server" Text = '<% #Eval("address") $%>'> 
</asp:Label > 
</ItemTemplate> 
<EditItemTemplate> 
< asp: TextBox ID= "txtAddress" runat = "server" Text = '<% 井 Bind("address") %>'> 
</asp: TextBox > 
</EditItemTemplate> 
</asp:TemplateField> 
</Colums > 
</asp:GridView> 


Default, aspx 页 面 后 置 cs 文件 的 部 分 代码 如 下 。 


protected string GetDutyName( string dutyId) 
{ 
StringBuilder sbSql = new StringBuilder(); 
sbSql. AppendLine( "SELECT" ) ; 
sbSql. AppendLine(" [postName] "); 
sbSql. AppendLine( "FROM "); 
sbSq1. AppendLine(" [post] "); 
sbSql. AppendLine( "WHERE "); 
sbSql. AppendLine(" [postId] = @postId"); 
SqlParameter[] para = new SqlParameter[] { new SqlParameter("@postId", dutyId) }; 
DataTable dt = DBHelper. GetDataSet(sbSql.ToString (),para); 
return dt. Rows[0][0]. Tostring(); 
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“姓名 ”“ 电 话 ”" 和 “地 址 ” 列 需 要 用 户 手 动 输入 信息 ,因此 在 EditItemTemplate 中 添加 
的 是 TextBox 控件 ,注意 添加 的 TextBox 需要 使 用 Eval() 方 法 或 者 Bind() 方 法 实现 编辑 
状态 下 的 数据 绑 定 。“ 性 别 ”" 和 “职务 ” 列 为 避免 用 户 的 错误 输入 ,提供 DropDownList 下 拉 
列表 供用 户 选择 。“ 性 别 ”" 只 有 “ 男 ” 和 “ 女 ”, 可 以 选择 静态 方式 添加 数据 ,“ 职 务 ” 列 中 的 数据 
要 根据 数据 库 动态 更 新 ,这 里 采用 在 后 置 代码 中 动态 绑 定 方式 。 

除了 使 用 手写 代码 配置 配置 模板 列 ,还 可 以 通过 “GridView 任务 ”窗口 进行 可 视 化 地 编 
辑 模板 。GridView 提供 的 模板 编辑 模式 可 以 通过 控件 的 拖 放 、 属 性 设置 同样 实现 模板 配 
置 。 这 种 方式 虽然 简单 ,但 对 于 初学 者 而 言 推荐 手写 方式 实现 模板 编辑 。 


2. 添加 命令 按钮 


仅仅 提供 了 编辑 状态 下 的 输入 、 列 表 选 择 控件 还 不 能 实现 编辑 功能 ,还 需要 添加 命令 按 
钮 来 触发 编辑 模式 下 的 时 间 , 前 面 介绍 过 CommandField, 它 与 ButtonField 类 似 , 除 了 创建 
命令 按钮 外 , 它 还 提供 了 在 数据 绑 定 控件 中 执行 选择 编辑 .插入 或 删除 操作 。 

这 里 为 GridView 添加 “编辑 更 新 .取消 ”命令 按钮 ,并 设置 该 列 的 标题 为 “操作 ”, 编 辑 
按钮 默认 是 超 链接 形式 ,还 可 以 把 它 更 改 为 Button ,Image 形式 ,只 要 在 设计 器 里 设置 即 可 ， 
如 图 9-3 所 示 。 


字段 x 
可 用 字段 (A): CommandField 属性 (P): 
上 加 HyperLinkField ~ 国 
“加 ImageField Visible True 
-名 ButtonField 日 可 访问 性 
时 器 CommandField AccessibleHeaderText 
加 编辑、 更 新 、 取 消 口外 现 
三 ButtonType Link 
| Ne 5 CancelImageUrl 
| -9 Templatefi CancelText 取消 
添加 (D) DeleteImageUrl 
DeleteText 删除 
选 定 的 字段 (5) EditImageUrl 
梧 址 名 [*] EditText 编辑 
司 兴 别 FooterText 
a by HeaderImageUrl 
本 HeaderText 操作 
加 x 
a 上 自 InsertImageUrl ~ 
HeaderText 
此 字段 的 标 头 内 的 文本 。 
口 自动 生成 字段 (G) 将 此 字段 续 的 为 TemplateField 


图 9-3 添加 并 设置 命令 按钮 
单 击 图 9-3 中 的 “确定 ”按钮 后 ,查看 源 视图 ,代码 中 添加 了 如 下 代码 。 


<asp:CommandField HeaderText = "操作 ”ShowEditButton = "True" /> 
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运行 页 面 Default. aspx, 效 果 如 图 9-4 所 示 。 


员工 信息 管理 - Windows Internet Expl..。 - 
符 辐 -| 旧 htp://ocalhost:1513/uF 图 加 [| [百度 


灾 收 藏 夹 | 敌 员 工 信 息 管理 国 目 
员工 信息 管理 


姓名 姓 别 职务 电话 地 址 “| 操作 | 
张 飞 女 ”| 初级 程序 员 |13555552681| 西 甬 成 都 。 编辑 
辫 装 | 女 ”| 补 级 程序 员 15512563876| 西 天 取经 路 上 编辑 
仆 式 | 男 | 初级 程序 员 |13965872635| 花 果 山 编辑 


局 本 地 Intranet 和 -R100% »， 


图 9-4 ”添加 “编辑 "按钮 后 的 页 面 运 行 效果 
3. 处 理事 件 


1) RowEditing 事件 
单 击 图 9-4 中 任意 一 条 记录 的 “编辑 ”按钮 ,出 现 如 图 9-5 所 示 的 错误 页 面 。 


HR" 牧 发 了 未 处 更 的 事件 "RowEditing”。 


“/UpdateTest” 应 用 程序 中 的 服务 器 错误 。 


GridView 9gvHR" 淡 发 了 天 你 理 所 焉 任 “RowWEditing”。 


0 Web 请 求 期 | 间 ， 出 现 未 经 处 理 的 异常 ， 博 检查 堆 校 跟踪 信息 ，| 六 了 解 有 关 该 错误 义 及 代码 中 导 歼 锁 汪 的 出 处 的 


异常 详细 信息 : System Web HttpException: GridView gwHR 滞 发 了 未 处 理 的 事件 “RowEditing”% 
源 铺 误 - 
rl Pad 请 求 期 间 生成 了 未 经 处 理 的 异常 。 可 以 使 用 下 面 的 异常 堆栈 跟踪 信息 确定 有 关 异 常 原 因 和 发 生 


9-5 ”未 处 理 *“RowEditing 事件 ”, 单 击 “ 编 辑 ” 按 钮 效果 


通过 错误 信息 提示 很 容易 分 析出 错误 原因 :“ 编 辑 " 按 钮 触发 了 RowEditing 事件 ,而 
RowEditing 事件 并 没有 处 理 。 要 解决 这 个 错误 ,只 要 编码 处 理 该 事件 即 可 。 处 理 该 事件 之 
前 , 先 来 了 解 一 下 RowEditing 事件 。 单 击 某 一 行 的 “编辑 ”按钮 后 ,在 GridView 控件 进入 
编辑 模式 之 前 ,将 引发 该 事件 。RowEditing 事件 带 有 两 个 参数 ,类 型 分 别 是 object 和 
GridViewEditEventArgs。 其 中 GridViewEditEventArgs 对 象 属性 如 下 。 

。 NewEditIndex: 获取 或 设置 所 编辑 的 行 的 索引 。 


单元 9 ”数据 绑 定 控件 应 用 进 阶 


。 Cancel: 将 Cancel 属性 设置 为 true, 可 以 取消 编辑 操作 。 
处 理 RowEditing 事件 完成 员工 信息 的 编辑 功能 ,页 面 后 置 代码 如 下 所 示 。 


/// < summary> 
/// gvHR 的 RowEditing 事件 处 理 方法 
/// </summary> 
/// <param name = "sender"></param> 
/// <param name = "e"></param> 
protected void gvHR RowEditing(object sender, GridViewEditEventArgs e) 
{ 
try 
上 
this. gvHR. EditIndex = e.NewEditIndex; // 设 置 编辑 行 索引 
HRDataBind( ) ; // 由 于 回 传 ,页 面 无 法 保存 对 象 的 状态 
// 需 重新 绑 定 
+ 
catch (Exception) 
Page. ClientScript. RegisterClientScriptBlock (this. GetType( ), "info", "< script > 
alert(' 操 作 失 败 !')</script >"); 


1 


/// < summary> 

/// 员工 信息 绑 定 方法 

/// </summary> 

protected void HRDataBind() 
StringBuilder sbSql = new StringBuilder(); 
sbSql. AppendLine( "SELECT" ); 
sbSql. AppendLine(" a 
sbSql. AppendLine( "FROM "); 
sbSql. AppendLine(" [users] "); 
DataTable dt = DBHelper.GetDataSet(sbSql.ToString()); 
this. gvHR. DataSource = dt; 
this. gvHR. DataBind( ); 

. 


代码 中 使 用 了 GridView 的 EditIndex 属性 ,该 属性 可 以 获取 或 设置 要 编辑 的 行 的 索 
引 , 当 该 属性 被 设置 为 某 一 行 的 索引 时 ,该 行进 入 编辑 状态 。 要 编辑 的 行 的 索引 从 0 开始 ， 
默认 值 为 一 1, 表 示 行 没有 正在 被 编辑 。 

由 于 “职务 ? 列 没有 设置 绑 定 字段 ,其 内 容 为 空 。 需 要 在 服务 器 端 编码 填充 “职务 ? 列 ,并 
上 且 实 现 将 编辑 前 某 行 的 “性 别 ” 和 * 职 务 ” 信 息 带 到 编辑 状态 ,显示 到 对 应 列 中 。 

为 了 实现 在 编辑 状态 中 上 默认 显示 编辑 前 的 “性 别 ” 和 “职务 ”信息 ,可 以 通过 在 
EditItemTemplate 中 添加 一 个 隐藏 控件 ,使 用 该 隐藏 控件 的 Value 或 Text 等 属性 绑 定 性 
别 编号 、 职 务 编号 ,这 样 编辑 状态 中 就 可 以 找到 该 控件 ,取得 Value 或 Text 等 属性 值 赋 给 


334 


A 


ASP, NET 网 站 开发 项 目 化 教程 


DropDownList 的 SelectedValue 即 可 。 对 于 “职务 ”的 绑 定 ,只 要 找到 需要 编辑 行 的 “职务 ” 
列 的 DropDownList 完成 绑 定 操作 即 可 ,编辑 行 的 索引 通过 GridViewEditEventArgs 对 象 
的 NewEditIndex 属性 得 到 。 

在 ASP.NET,HiddenField 控件 用 来 存储 非 显 示 值 的 隐藏 字段 ,其 value 属性 可 用 来 获 
取 或 设置 隐藏 字段 的 值 。 在 GridView 中 可 以 通过 如 下 语法 得 到 某 一 行 的 控件 。 


GridView 控件 ID. Rows[ index] .FindControl( 要 得 到 的 服务 器 控件 ID) 


要 实现 员工 信息 中 "职务 ? 列 数据 绑 定 和 ”性别 ?默认 信息 显示 功能 ,代码 如 下 所 示 。 
页 面 Default. aspx 中 的 代码 如 下 。 


< asp:templatefield headertext = "性 别 "> 
<% -- 省 略 其 他 代码 -- 要 > 
<EditItemTemplate> 
< asp:HiddenField ID = "hfGenderId" runat ="server" Value = '<% #Eval("gender") $%$>'/> 
< asp:DropDownList ID = "ddlGender" runat = "server"> 
<asp:ListItem Value = "True" Text = " 男 "></asp:ListItem> 
<asp:ListItem Value = "False" Text = " 女 "></asp:ListItem> 
</asp:DropDownList> 
</EditItemTemplate> 
</asp:templatefield> 
<asp:templatefield headertext = "职务 "> 
<$% -省略 其 他 代码 --%> 
<EditItemTemplate> 
< asp:HiddenField ID = "hfDuty" runat ="server" Value = '<% #Eval("postID") %>'/> 
<asp:DropDownList ID = "ddlDuty" runat = "server"> 
</asp:DropDownList > 
</EditItemTemplate> 
</asp:templatefield> 


页 面 Default. aspx 后 置 cs 文件 相应 方法 代码 如 下 。 


/// < summary> 
/// "编辑 "按钮 事件 方法 
/// </summary> 
/// < param name = "sender"></param > 
/// <param name = "e"></param> 
protected void gvHR_RowEditing(object sender, GridViewEditEventArgs e) 
{ 
try 
this. gvHR. EditIndex = e.NewEditIndex;  // 设 置 编辑 行 索引 
HRDataBind( ); // 由 于 回 传 ,页 面 无 法 保存 对 象 的 状态 , 需 重 新 绑 定 
GetEditStateGender(e. NewEditIndex);// 获 取 并 设置 "性 别 "信息 的 方法 
GetEditStateDuty(e. NewEditIndex); // 获 取 并 设置 "职务 "信息 的 方法 
上 
catch (Exception) 
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Page. ClientScript. RegisterClientScriptBlock(this. GetTYpe( )，" info"，"< script > 
alert( ' 操 作 失 败 ! ')</script >"); 
} 
} 


/// < summary> 
/// 根据 索引 绑 定 编辑 状态 下 的 "性 别 " 
/// </summary> 
/// < param name = "index"></param> 
public void GetEditStateGender (int index) 
{ 
// 通 过 行 索引 找到 绑 定 "性 别 编号 "的 HiddenField 控件 
HiddenField hfGenderItem = this. gvHR. Rows [ index ]. FindControl ( " hfGenderId") as 
HiddenField; 
DropDownList ddlGenderItem = this. gvHR. Rows [ index]. FindControl ( " ddlGender") as 
DropDownList; 
// 设 置 “ 性 别 " 下 拉 列 表 框 的 默认 值 
ddlGenderItem. SelectedValue = hfGenderItem. Value; 
} 


/// < summary> 
/1/ 根据 索引 绪 定 编辑 状态 下 的 "职务 "列表 
/// </summary> 
/// < param name = "index"></param> 
public void GetEditStateDuty( int index) 
// 通 过 行 索引 找到 "职务 "下 拉 列 表 框 
DropDownList ddlDutyItem = this.gvHR.Rows[index].FindControl("ddlDuty" ) as DropDownList; 


StringBuilder sbSql = new StringBuilder(); 

sbSql. AppendLine( "SELECT" ) ; 

sbSql. AppendLine(" Et 

sbSql. AppendLine( "FROM "); 

sbSql. AppendLine(" [post] "); 

DataTable dt = DBHelper.GetDataSet(sbSql.ToString()); 


ddlDutyItem. DataSource = dt; 
ddlDutyItem. DataValueField = "postId"; 
ddlDutyItem. DataTextField = "postName" ; 
ddlDutyItem. DataBind( ); 
// 通 过 行 索 引 找到 “职务 编号 ”的 HiddenField 控件 
HiddenField hfDutyItem = this.gvHR.Rows[index].FindControl("hfDuty") as HiddenField; 
// 设 置 < 职务 "下 拉 列 表 框 的 默认 值 
ddlDutyItem. SelectedValue = hfDutyItem.Value; 
} 


2) RowUpdating 事件 
在 编辑 状态 ,修改 数据 后 单 击 “ 更 新 ”按钮 ,同样 会 提示 “gvHR 激发 了 为 处 理事 件 


RowUpdating” 的 错误 。 单 击 某 一 行 的 “更 新 ”按钮 以 后 ,在 GridView 控件 对 该 行进 行 更 新 
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之 前 ,引发 该 事件 。 下 面 继续 完成 “员工 信息 ”的 更 新 功能 ,现实 如 图 9-6 所 示 效 果 。 


信息 管理 - Windows Internet Explorer | 


OO» | 'UpdateTest/Default.aspx [||X] | 百度 加 
交 收 茂 天 | 芒 员工 信息 管理 [| 

员工 信息 管理 | 
姓名 姓 别 | ”职务 地 址 操作 | 

张 飞 妇 | 初级 程序 负 西 允 成 者 编辑 
去 类 雪 ”| 彻 级 程序 员 西天 取经 路 上 编辑 | 
区 当 |[ 男 测 | 中 级 程 斥 员 加 | 13965872635 FU | 更 新 职 消 晤 
国 

局 本 地 Intranet 强 " 100% -~ 


图 9-6 ”基于 单元 格 更 新 员工 信息 的 效果 


实现 更 新 功能 需要 获取 当前 编辑 行 的 信息 ,并 将 该 信息 更 新 到 数据 库 。 更 新 完成 后 可 
以 使 用 注册 脚本 方式 提示 更 新 成 功 ,并 结束 当前 的 编辑 状态 ,代码 如 下 所 示 。 


/// < summary> 
/// gvHR 的 RowUpdating 事件 方法 
/// </summary> 
/// < param name = "sender"></param > 
/// <param name = "e"></param> 
protected void gvHR_RowUpdating(object sender, GridViewUpdateEventArgs e) 
| 
try 
| 
users user = GetInputData(e.RowIndex);  // 取 得 编辑 行 修改 后 的 数据 
UpdateUsers(user); // 更 新 数据 库 方法 
Page. ClientScript. RegisterClientScriptBlock (this. GetTYpe( )，" info"，"< script > 
alert(' 更 新 成 功 !')</script >"); 
this. gvHR. EditIndex = —1; // 退 出 编辑 状态 
HRDataBind( ); // 重 新 绑 定 
catch (Exception) 
Page. ClientScript. RegisterClientScriptBlock (this. GetType( )，" info"，"< script > 
alert(' 操 作 失 败 ! ')</script >"); ; 
下 
上 


/// < summary> 

/// 取得 编辑 行 修改 后 的 数据 

/// </summary> 

/// <param name = "index"></param> 
/// <returns></returns> 

public users GetInputDatal( int index) 
{ 
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string userId = this. gvHR. DataKeys[ index]. Value. ToString(); 

string username = (this.gvHR.Rows[ index].FindControl("txtName") as TextBox). Text; 

string gender = (this. gvHR. Rows [ index]. FindControl ("ddlGender") as DropDownList). 
SelectedValue. ToString( ); 

string postID = (this. gvHR. Rows [ index]. FindControl ( " ddlDuty") as DropDownList ) . 
SelectedValue. ToString(); 

string telePhone = (this.gvHR. Rows[ index].FindControl("txtPhone") as TextBox). Text; 

string address = (this. gvHR.Rows[index].FindControl("txtAddress") as TextBox). Text; 

users user = new users(); 

user.userId = userId; 

user. username = username; 

user. gender = gender; 

User. postID = postID; 

user. telePhone = telePhone; 

user.address = address; 

return user; 


} 


/// < summary> 
/// 更 新 数据 库 方法 
/// </summary> 
/// <param name = "user"></param> 
public void UpdateUsers(users user) 
{ 
StringBuilder sbSql = new StringBuilder(); 
sbSql. AppendLine( "UPDATE "); 
sbSql. AppendLine(" [users]"); 
sbSql. AppendLine( "SET" ); 
sbSql. AppendLine(" [username] = @username, "); 
sbSql. AppendLine(" [gender] = @gender, "); 
sbSql. AppendLine(" [postID] = @postID, "); 
sbSql. AppendLine(" [telePhone] = @telePhone, "); 
sbSql. AppendLine(" [address] = @address"); 
sbSql. AppendLine( "WHERE" ) ; 
sbSql. AppendLine(" [userId] = @userId"); 
SqlParameter[] para = new SqlParameter[] { 
new SqlParameter ("@userId", user. userId), 
new SqlParameter ("(@username", user. username), 
new SqlParameter ("(@gender", user. gender), 
new SqlParameter ("(@postID", user. postID), 
new SqlParameter ("(@telePhone", user. telePhone), 
new SqlParameter ("(@address", user.address) 
}; 
DBHelper. ExecuteCommand( sbSql. ToString( ), para); 


3) RowCancelingEdit 事件 
在 编辑 状态 ,除了 “更 新 "按钮 外 ,还 有 “取消 "按钮 .供用 户 取 消 当前 编辑 状态 ,“ 取 消 ” 按 
钮 触发 的 是 RowCancelingEdit 事件 事件 。 单 击 编辑 模式 中 某 一 行 的 “取消 ?按钮 以 后 ,在 该 
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行 推出 编辑 模式 之 前 引发 该 事件 ,实现 员工 信息 编辑 行 取消 操作 的 代码 如 下 所 示 。 


/// < summary> 
/// gvHR 的 RowCancelingEdit 事件 方法 
/// </summary> 
/// <param name = "sender"></param> 
/// <param name = "e"></param> 
protected void gvHR_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e) 
{ 
try 
this. gvHR. EditIndex = -1; // 退 出 编辑 状态 
HRDataBind( ); // 重 新 绑 定 
1 
catch (Exception) 
Page. ClientScript. RegisterClientScriptBlock (this. GetTYpe( )，" info"，"< script > 
alert(' 操 作 失 败 !')</script >"); ; 
1 
1 


注意 : 在 详细 页 面 更 新 数据 的 方式 适合 GridView 的 单元 格 里 的 信息 量 较 大 ,或 者 有 字 
段 没 有 在 单元 格 里 显示 的 情形 。 比 如 新 知 书店 的 书籍 内 容 简介 ,内容 较 多 , 它 本 身 不 显示 在 
GridView 中 ,所 以 在 编辑 时 需要 连接 到 另 一 个 页 面 进行 修改 ; 基于 单元 格 的 修改 只 适用 于 
信息 量 较 少 且 在 GridView 中 显示 时 不 缺少 修改 的 字段 。 


9.1.3 RowCommand 事件 


在 员工 信息 管理 系统 中 , 当 单 击 CommandField 中 的 “编辑 ”按钮 会 引发 RowEditing 事 

件 , 当 单 击 “ 更 新 ”按钮 时 会 引发 RowUpdating 事件 ,事实 上 单 击 这 些 按钮 时 都 会 首先 引发 
RowCommand 事件 。RowCommand 事件 发 生 在 单 击 GridView 控件 中 的 任意 一 个 时 。 可 
是 如 果 GridView 中 的 多 个 模板 列 都 添加 了 按钮 控件 ,那么 如 何在 一 个 RowCommand 事件 
中 区 分 是 哪 一 列 的 按钮 被 单 击 了 呢 ?RowCommand 事件 有 两 个 参数 : 一 个 是 object 类 型 ， 
另 一 个 类 型 是 GridViewEditEventArgs。 使 用 GridViewEditEventArgs 类 型 的 如 下 两 个 属 
性 就 可 以 区 分 哪 一 列 的 按钮 被 单 击 了 。 

。 CommandArgument: 引发 事件 源 的 命令 参数 。 

。 CommandName: 引发 事件 源 的 命令 名 称 。 

通常 使 用 CommandArgument 设置 或 获取 按钮 所 带 的 参数 信息 ,这 样 能 区 分 具体 的 按 
钮 控件 。 

若 要 执行 一 些 常见 的 增删 改 查 操作 ,可 以 使 用 GridView 的 一 些 内 置 命令 ,使 用 时 只 需 
将 CommandName 属性 设置 成 表 9-1 中 的 某 个 值 。 

提示 : 图 9-3 中 添加 的 CommandField 的 “编辑 "“ 更 新 ” “取消” 命令 按钮 就 是 使 用 了 
GridView 内 置 的 Edit、Update 和 Cancel 命令 ,从 而 引发 相应 的 事件 。 
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表 9-1 GridView 的 一 些 内 置 命令 


CommandName 值 说 明 
Cancel 退出 编辑 模式 ,引发 RowCancelingEdit 事件 
Delete 删除 当前 记录 ,引发 RowDeleting 和 RowDeleted 事件 
Edit 将 当前 记录 处 于 编辑 模式 ,引发 RowEditing 事件 
Select 选择 当前 记录 ,引发 Row_Selecting 和 Row_Selected 事件 
Update 更 新 数据 源 中 的 当前 记录 ,引发 RowUpdating 和 RowUpdated 事件 


我 们 已 经 学 习 了 使 用 GridView 完成 数据 格式 化 显示 和 更 新 操作 ,下 面 介绍 GridView 
中 的 另外 一 种 常用 操作 一 一 删除 。 

删除 数据 的 一 般 思 路 如 下 。 

(1) 用 户 单 击 “删除 ?按钮 ,考虑 到 用 户 体验 ,应 弹出 确认 删除 的 提示 。 

(2) 获取 删除 行 的 主键 。 

(3) 执行 删除 操作 ,删除 后 重新 绑 定 数据 。 

删除 GridView 中 的 数据 可 以 采用 两 种 方式 : 多 选 删除 和 单 选 删 除 。 


1. 单 选 删除 


我 们 以 员工 信息 管理 系统 为 例 , 介 绍 单 选 删 除 的 实现 过 程 。 单 击 图 9-7 中 某 条 记录 的 
“删除 ?按钮 ,弹出 “确认 删除 吗 ?的 提示 框 , 单 击 * 确 定 ? 按 钮 , 则 执行 对 当前 行 的 删除 操作 ， 
单 击 * 取 消 ?按钮 , 则 取消 当前 删除 操作 。 


/员工 信息 管理 - Windows Internet Explorer 
GO- 下 http://localhost: 1513/UF 四 加 加 [ 户 百度 


宽 收 藏 天 | 萎 员 工 信 息 管理 
员工 信息 管理 
姓名 姓 别 | ”职务 1 地 址 | 操作 删除 | 
张 飞 | 男 “初级 程序 员 13555552681 西 绚 成 都 。 | 编辑 删除 
云 类 园 开锅 征 部 陈 
共 趟 图 编 驾 好 陈 


各 本 地 Intranet 给 "| 由 100% - 


9-7 单 击 某 一 条 记录 的 “删除 ”按钮 效果 
下 面 分 步 又 介绍 其 实现 过 程 。 
1) 添加 "删除 ”按钮 
为 GridView 添加 模板 列 ,并 在 ItemTemplate 中 添加 LinkButton (当然 也 可 以 添加 
Button、 为 了 与 “编辑 ”按钮 样式 匹配 ,此 处 添加 LinkButton)。 然 后 将 LinkButton 的 
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CommandName 设置 为 内 置 命 令 Delete,CommandArgument 设置 为 绑 定 用 户 编号 ,这 样 就 
可 以 在 服务 器 端 取得 当前 删除 行 的 用 户 编号 ,代码 如 下 。 


< asp:TemplateField HeaderText = "删除 "> 
< ItemTemplate > 
<asp:LinkButton ID = "lnkbtnDel" runat = "server" Text = "删除 " 
CommandArgument = '<% #Eval("userId") $%>' 
CommandName = "Delete"></asp:LinkButton > 
</ItemTemplate> 
</asp:TemplateField> 


2) 给 “删除 ”按钮 注册 JavaScript 脚本 

需要 为 GridView 中 每 一 数据 行 的 “删除 ”按钮 添加 JavaScript 脚本 ,可 以 选择 在 
GridView 控件 呈现 之 前 进行 添加 ,这 就 需要 用 到 RowDataBound 事件 ,该 事件 将 GridView 
中 的 数据 行 绑 定 到 数据 时 引发 。 为 “删除 ?按钮 添加 * 确 认 删 除 吗 ?” 的 友好 提示 的 代码 如 下 
所 示 。 


protected void gvHR_RowDataBound(object sender, GridViewRowEventArgs e) 
ud 
if (e. Row. RowType == DataControlRowType. DataRow) 
| 
LinkButton lnkbtnDel = e.Row.FindControl("lnkbtnDel") as LinkButton; 
lnkbtnDel. Attributes. Add("onclick"，"return confirm( "确认 删除 吗 ?')"); 


1 


为 了 区 分 执行 的 是 数据 行 还 是 标题 行 、 脚 注 行 等 UI 元 素 行 ,使 用 DataControlRowType 枚 
举 类 型 进行 判断 ,只 有 当 显 示 的 数据 行 时 才 注 册 JavaScript 脚本 。 

3) 处理 RowDeleting 事件 

由 于 将 LinkButton 的 CommandName 设置 为 GridView 的 内 置 命令 Delete, 因 此 当 单 
击 “ 删 除 ” 按 钮 后 将 引发 RowDeleting 事件 ,只 需要 在 该 事件 中 获取 删除 行 的 用 户 编号 ,执行 
删除 操作 即 可 ,代码 如 下 所 示 。 


/// < summary> 
///”gvHR 的 RowDeleting 事件 方法 
/// </summary> 
/// <param name = "sender"></param> 
/// <param name = "e"></param> 
protected void gvHR RowDeleting(object sender, GridViewDeleteEventArgs e) 
{ 
try 
lL 
// 找 到 当前 删除 行 Id 为 lnkbtnDel 的 LinkButton 控件 
LinkButton lnkbtnDel = gvHR. Rows[e. RowIndex].FindControl(" lnkbtnDel" ) as LinkButton; 
// 执 行 删除 操作 
StringBuilder sbSql = new StringBuilder(); 
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sbSql. AppendLine( "DELETE FROM "); 
sbSql. AppendLine(" [users]"); 
sbSql. AppendLine( "WHERE" ); 
sbSql. AppendLine(" [userid] = @userid"); 
// 取 得 删除 行 绑 定 的 用 户 编号 
SqlParameter[ ] para = new SqlParameter[] 
new SqlParameter(" QuserId" ，lnkbtnDel1. CommandRrgument.TbString()) 
}; 
DBHelper. ExecuteCommand( sbSql. ToString(), para); 
HRDataBind( ); // 重 新 绑 定 
} 
catch (Exception ex) 
Page. ClientScript. RegisterClientScriptBlock(this. GetType(), "", 
"< script >alert('" + ex.Message + "')</script >"); 


| 


至 此 已 经 完成 了 GridView 中 的 单行 删除 操作 。 如 果 不 想 使 用 GridView 内 置 的 命令 ， 
使 用 自 定义 的 命令 也 可 以 完成 删除 操作 ,但 需要 将 按钮 的 CommandName 设置 成 除 
GridView 内 置 的 命令 值 以 外 的 其 他 字符 串 , 并 处 理 RowCommand 事件 ,例如 设置 成 Del， 
代码 如 下 所 示 。 

页 面 GridViweDelDemo. aspx 中 的 代码 如 下 。 


<asp:TemplateField HeaderText = "删除 "> 
< ItemTemplate> 
<asp:LinkButton ID = "lnkbtnDel” runat = "server"” Text = "删除 ” 
CommandArgument = "< 多 并 Eval("userId") %>' 
CommandName = "Del"> 
</asp:LinkButton > 
</ItemTemplate > 
</asp:TemplateField> 


页 面 GridViweDelDemo. aspx 后 置 cs 文件 中 RowCommand 事件 方法 代码 如 下 : 


/// < summary> 
/// gvHR 的 RowCommand 事件 方法 
/// </summary> 
/// <param name = "sender"></param> 
/// <param name = "e"></param> 
protected void gvHR_RowCommand(object sender, GridViewCommandEventArgs e) 
{ 
if (e.CommandName == "Del")  // 通 过 "Del" 判 断 单 击 的 是 否 为 "删除 " 列 
{ 
// 执 行 删除 操作 
StringBuilder sbSql = new StringBuilder(); 
sbSql. AppendLine( "DELETE FROM "); 
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sbSql. AppendLine(" [users]"); 
sbSql. AppendLine( "WHERE" ); 
sbSql. AppendLine(" [userid] = @userid"); 
// 取 得 删除 行 绑 定 的 用 户 编号 
SqlParameter[ ] para = new SqlParameter[] { 
new SqlParameter(" @userId" ，e. ComnandRrgument.ToString() ) 
}; 
DBHelper. ExecuteCommand( sbSql. ToString(), para); 
} 
HRDataBind( ); // 重 新 绑 定 


2. 多 行 删除 
多 行 删除 即 选中 GridView 中 的 多 条 记录 后 , 单 击 * 删 除 ” 按 钮 后 对 GridView 中 选中 的 
记录 执行 删除 操作 ,效果 如 图 9-8 所 示 。 


员工 信息 管理 - Windows Internet Explorer 


(SO Ia http://localhost:5467/UE 六 |[x| | 避 百 度 £ 
袖 收藏 交 | 芒 员 工 信 息 管理 
员工 信息 管理 
了 

姓名 姓 别 职务 电话 “| 地址 ”操作 | 口 全 选 | 

张 飞 田 自 网 页 的 消 编辑 | 回 

玄 类 女 编辑 | 回 
i EE 
Default 局 本 地 Intranet 三。 甩 100% - 


图 9-8 员工 信息 系统 多 选 删除 效果 


提示 :“ 删 除 ” 按 钮 的 友好 提示 框 可 以 采用 在 页 面 加 载 时 为 “删除 ”按钮 注册 脚本 方式 。 
如 果 确 认 删 除 , 则 循环 GridView 中 的 每 一 条 记录 并 进行 判断 。 如 果 当 前 行 是 选择 状态 , 则 
执行 删除 操作 。 可 以 借助 前 面 单元 中 学 习 的 全 选 功能 实现 删除 操作 。 

页 面 Default. aspx 后 置 cs 文件 的 代码 如 下 。 


protected void Page_Load(object sender, EventArgs e) 
| 
if (!IsPostBack) 
‘ 
// 其 他 代码 省 略 
this. btnDel. Attributes. Add("onclick", "return confirm(' 确 认 删 除 吗 ?')"); 
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/// < summary> 
/// "删除 "按钮 按 下 的 处 理事 件 方法 
/// </summary> 
/// <param name = "sender"></param> 
/// <param name = "e"></param> 
protected void btnDel Click(object sender, EventArgs e) 
{ 
foreach (GridViewRow gr in this.gvHR. Rows)// 循 环 每 一 行 
// 获 取 模 板 列 中 的 CheckBox 控件 对 象 
CheckBox chk = gr.FindControl("chbSelect") as CheckBox; 
if (chk. Checked) 
{ 
string key = this.gvHR.DataKeys[gr.RowIndex].Value.ToString(); // 获 取 主 键 
// 执 行 删除 操作 
StringBuilder sbSql = new StringBuilder(); 
sbSql. AppendLine( "DELETE FROM " ); 
sbSql. AppendLine(" [users]"); 
sbSql. AppendLine( "WHERE" ) ; 
sbSql. AppendLine(" [userid] = @userid"); 
SqlParameter[ ] para = new SqlParameter[ ] { new SqlParameter("@userId", key) }; 
DBHelper. ExecuteCommand( sbSql. ToString( ), para); 
} 
} 
HRDataBind( ); 


提示 : GridView 中 CommandField 的 “删除 ”按钮 也 可 实现 删除 功能 ,但 在 执行 删除 前 
没有 提示 信息 ,所 以 推荐 使 用 Templateield 完成 删除 操作 。 

如 果 要 删除 数据 。 往 往 要 考虑 数据 库 中 是 否 存在 与 之 关联 的 其 他 表 数 据 ,这 些 关联 数 
据 是 否 也 要 一 起 删除 。 所 以 做 数据 库 设计 的 时 候 一 般 都 考虑 用 外 键 约束 、 触 发 器 来 避免 删 
除 或 更 新 带 来 的 “ 脏 ” 数 据 。 


@.2 单元 任务 


任务 9-2-1 实现 “新 知 书店 "会员 状态 显示 及 管理 功能 


【任务 描述 】 
实现 如 图 9-9 所 示 的 会 员 状 态 显示 及 管理 功能 , 当 页 面 加 载 时 分 页 显示 所 有 会 员 信 息 
实现 全 选 功能 。 
【任务 实施 】 
会 员 状 态 管理 数据 访问 层 与 业务 逻辑 层 的 实现 


页 面 加载 时 ,要 获取 所 有 会 员 信息 ,数据 访问 层 和 业务 逻辑 层 要 能 获取 所 有 会 员 信息 
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@ 址 此 


各 现在 的 位 置 : 本 和 书店 》 侍 理 吕 后 个 》 朋 尸 衬 理 》 其 考 介 理 


En 

[Si mes | B® 地 址 电话 姓名 电子 才 件 。 ”角色 “状态 
口 | jineiinz | jineine| 。 Goanezhoul 5Ea8 昌 | Jare Jane mersmensi, em MEAP | EN 
| hehe 23456 # 京 54545454 张 三 heheal55. can。 著 通 用 户 | 正常 
口 | saim | 1234s6 aa 1%55 ris | 。 atazg163.con 管理 员 | 至 


口 | 已 既 料 070115 | 上 吉 市 华 吾 路 100 号 | 13774210000 。 msximao nal63. con 普通 用 户 | 正常 


口 | 至 991221 尿 京 软件 大 学 1238d456TE91 ， wangcieng vad. com | sum | 正堂 


图 9-9 管理 员 端 的 会 员 状 态 管理 页 面 


会 员 有 “正常 "和 "无效 ” 两 种 状态 ,在 对 某 会 员 进 行 状 态 管 理 时 ,能 实现 根据 会 员 Id 值 对 用 
户 表 Users 里 相应 用 户 记录 进行 修改 。 

1) 会 员 状 态 管理 数据 访问 层 的 实现 

在 BookShopDAL 项 目的 UserService. cs 类 中 ,添加 获取 所 有 会 员 信 息 的 GetUsers() 
方法 ,并 返回 一 个 用 户 列表 对 象 集合 ,代码 如 下 : 


/// < summary> 

/// 查询 所 有 用 户 

/// </summary> 

/// <returns></returns> 

public List<User> GetUsers() 

{ 
string sqlAll = "SELECT * FROM Users"; 
return GetUsersBySql(sqlAll1); 

由 


/// < summary> 
/// 依据 SQL 语句 查询 用 户 
/// </summary> 
/// <param name = "safeSql"></param> 
/// <returns></returns> 
private List<User> GetUsersBYSql(string safeSql) 
‘ 
List<User> list = new List<User>(); 
DataSet ds = SqlHelper. ExecuteDataset(this.connection, CommandType. Text, safeSql); 
if (ds. Tables.Count > 0) 
U! 
DataTable dt = ds.Tables[0]; 
foreach (DataRow row in dt. Rows) 
‘ 
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User user = new User(); 

user. Id = (int)row["Id"]; 

user. LoginId = (string)row["LoginId"]; 

user. LoginPwd = (string)row["LoginPwd"]; 

user. Name = (string)row["Name"]; 

user. Address = (string)row["Address"]; 

user. Phone = (string)row["Phone"]; 

user.Mail = (string)row["Mail"]; 

user. UserState = new UserStateService ( ). GetUserStateById (( int ) row 


["UserStateId" ]); //FK 
user. UserRole = new UserRoleService ( ). GetUserRoleById (( int ) row 
["UserRoleId" ]); /VEK 


list. Add(user); 
} 
1 
return list; 


} 


添加 一 个 根据 当前 会 员 Id 和 状态 进行 修改 的 方法 ,代码 如 下 : 


/// < summary> 
/// 更 改 会 员 状态 
/// </summary> 
/// <param name = "id"> 会 员 Id </param > 
/// <param name = "status"> 会 员 状 态 </param> 
public bool ModifyUserState( int id，UserStates state) 
{ 
string sql = "Update users SET userstateid = ”+ Convert.ToByte(state) + " WHERE Id = 
@UserId"; 
return SqlHelper. ExecuteNonQuery ( this. connection, CommandType. Text, sql, new 
SqlParameter("@UserId", id)) > 0; 
| 


2) 会 员 状 态 管理 业务 逻辑 层 的 实现 
在 BookShopBLL 项 目的 类 文件 UserManager. cs 中 ,添加 代码 如 下 : 


public List< User > GetUsers() 


return new UserService( ). GetUsers(); 


/// < summary> 

/// 根据 id 修改 用 户 状态 

/// </summary> 

/// <param name = "userId"></param> 
public bool ModifyUserStatel( int userId) 
{ 


User user = new UserService( ). GetUserBYId(userId) ; 
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UserStates state = UserStates. 正常 ; 
if (user. UserState. Id == Convert.ToInt32(UserStates. 正常 )) 


上 

state = UserStates. 无 效 ; 
上 
else 

state = UserStates. 正常 ; 


. 
return new UserService( ). ModifyUserState(userlId, state); 


2. 会 员 状 态 管理 表示 层 的 设计 与 实现 


1) 基于 管理 端 母 版 页 Admin. master 创建 内 容 页 UserStateManage. aspx, 并 从 工具 箱 


拖 人 GridView 控件 至 页 面 ,在 “GridView 任务 "窗口 中 选择 “编辑 列 ” 选 项 ,对 字段 进行 编 
辑 。 代 码 如 下 : 


<asp:Button runat = "server" ID = "btnEnable" Text = "启用 用 户 " OnClick = "btnEnable_Click" /> 
< asp:Button runat = "server" ID = "btnDisable" Text = "禁止 用 户 " OnClick = "btnDisable Click" /> 
<br /><br /> 
<asp:GridView ID= "gvMain" runat = "server" AutoGenerateColumns = "False" CellPadding = 
CellSpacing = "0" CssClass = "data_table" DataKeyNames = "Id" AllowPaging = "True" 
OnPageIndexChanging = "gv_PageIndexChanging" PageSize= "5" 
OnRowCommand = "gvMain_ RowCommand"> 
<Columns> 
< asp:TemplateField HeaderText = "选择 "> 
< ItemTemplate >< asp: CheckBox runat = " server”ID = " chkSelect”/></ ItemTemplate > 
< ItemStyle HorizontalAlign = "Center”/> 
< HeaderTemplate> 
< input id="cbAll" type = "checkbox” onclick = "GetR11CheckBox(this)” /> 
</HeaderTemplate> 
</asp: TemplateField> 
<asp: BoundField DataField = " LoginId"” HeaderText =" 用户 名 " SortExpression = 
"LoginId" /> 
<asp: BoundField DataField = " LoginPwd"” HeaderText = "密码" SortExpression = 
"LoginPwd" /> 
< asp:BoundField DataField = "Address"” HeaderText = "地 址 ”SortExpression = "Address" /> 
<asp:BoundField DataField= "Phone" HeaderText = "电话 ”SortExpression = "Phone" /> 
<asp:BoundField DataField = "Name"” HeaderText = "姓名 " SortExpression = "Name" /> 
<asp:BoundField DataField = "Mail" HeaderText = "电子 邮件 ”SortExpression = "Mail" /> 
< asp:TemplateField HeaderText = "角色 "> 
<ItemTemplate ><% # Eval("UserRole.Name" ) %></ItemTemplate> 
</asp: TemplateField> 
<asp:TemplateField HeaderText = "状态 "> 
<ItenTemplate> 
<asp:Label ID="1blId" runat = "server" Visible="false" Text = '<% # Eval 


("Id") %>> 
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</asp:Label > 
< asp:LinkButton runat = "server" ID="lbtnStatus" CommandArgument = 
‘<%# Eval("Id") %>' CommandName = "UpdateState" 
Text = '<%# Eval("UserState.Name") %>'> 
</asp: LinkButton> 
</ItemTemplate> 
</asp: TemplateField> 
</Columns > 
< PagerStyle CssClass = "pages" /> 
< RowStyle BackColor = "#DDF5D9" /> 
< SelectedRowStyle BackColor = "# CE5D5A" Font — Bold= "True" ForeColor = "White" /> 
< AlternatingRowStyle BackColor = "White" /> 
</asp:GridView> 


这 里 的 用 户 角色 ,状态 和 全 选 列 使 用 模板 列 实现 。 

2) 编程 实现 会 员 状 态 管理 相关 功能 

在 会 员 状 态 管理 页 的 后 置 代 码 文件 UserStateManage. aspx. cs 中 编程 实现 会 员 状 态 管 
理 的 功能 ,代码 如 下 。 


using BookShop. Models; 
using BookShop. BLL; 
public partial class Admin UserStateManage : System. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
| 
if (!IsPostBack) 
i 
this. gvMain. DataSource = new UserManager().GetUsers(); 
this. gvMain. DataBind( ); 
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protected void btnEnable_Click(object sender, EventArgs e) 
{ 
this. ChangeState(UserStates. 正常 ); 
protected void btnDisable Click(object sender, EventArgs e) 
\ 
this. ChangeState(UserStates. 无 效 ); 
} 
/// < summary> 
/// GridView 中 按钮 " 单 击 "事件 
/// </summary> 
protected void gvMain_RowCommand(object sender, GridViewCommandEventArgs e) 
Switch (e. CommandName) 


| 
case " UpdateState" : 


“> ASP, NET 网 站 开发 项 目 化 教程 


UserManager manager = new UserManager(); 
manager. ModifyUserState(Convert. ToInt32(e. CommandArgument)); 
this.gvMain. DataSource = manager.GetUsers(); 
this. gvMain. DataBind( ); 
break; 
default: 
break; 


/// < summary> 
/// 分 页 索引 改变 时 事件 
/// </summary> 
protected void gv_PageIndexChanging(object sender, GridViewPageEventArgs e) 
{ 
this. gvMain. PageIndex = e.NewPageIndex; 
this. gvMain. DataSource = new UserManager().GetUsers(); 
gvMain. DataBind( ); 
有 


/// < summary> 
/// 更 改 状态 
/// </summary> 
/// < param name = "State"></param> 
private void ChangeState(UserStates state) 
UserManager manager = new UserManager(); 
ArrayList al = new ArrayList(); 
for (int i = 0; i < this.gvMain. Rows.Count; i++) 
{ 
CheckBox cb = (gvMain. Rows[i].FindControl("chkSelect")) as CheckBox; 
int id = Convert. ToInt32((gvMain. Rows[i].FindControl("lblId") as Label). Text); 
if (cb. Checked == true) 
{ 
manager. ModifyUserState( id, state); 
} 
} 
this. gvMain. DataSource = manager.GetUsers(); 
this. gvMain. DataBind( ) ; 


任务 9-2-2 实现 “新 知 书店 ”管理 端 用 户 信 息 的 更 新 


【任务 描述 】 

实现 “新 知 书店 "管理 端 用 户 信息 管 理 页 面 ,显示 用 户 信息 ,效果 如 图 9-10 所 示 。 

单 击 图 9-10 中 某 条 记录 的 “选择 ”按钮 ,进入 该 记录 的 编辑 页 面 ,实现 用 户 信息 的 编辑 
更 新 功能 ,效果 如 图 9-11 所 示 。 
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图 9-11 “新 知 书店 ”管理 端 用 户 信息 编辑 效果 


【任务 实施 】 
1. 用 户 信息 更 新 数据 访问 层 与 业务 逻辑 层 的 实现 


页 面 加 载 时 ,要 获取 所 有 “正常 "用户 信 息 ,数据 访问 层 和 业务 逻辑 层 要 能 获取 所 有 “下 
常 ?用 户 信息 ,对 某 用 户 信息 进行 更 新 时 ,能 实现 根据 用 户 Id 对 用 户 表 Users 中 的 相应 用 户 
记录 进行 修改 。 

1) 用 户 信息 更 新 数据 访问 层 的 实现 

在 BookShopDAL 项 目的 UserService. cs 类 中 ,添加 获取 * 正 常 ? 用 户 信息 的 方法 
GetNormalUsers() ,并 返回 一 个 用 户 列表 对 象 集合 ,代码 与 任务 9-2-1 中 获取 所 有 会 员 信息 
的 方法 GetUsers() 除 了 SQL 语句 不 同 外 ,其 他 代码 一 样 ,SQL 语句 代码 如 下 : 


string sql = "SELECT * FROM users WHERE userstateid = " + Convert.ToByte(UserStates. 正 常 ); 


添加 一 个 根据 当前 用 户 Id 获取 用 户 信 息 的 方法 GetUserById(int Id) ,代码 如 下 : 


/// < summary> 
/1// 根据 id 查询 单个 用 户 
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/// </summary> 

/// <param name = "id"> 用 户 Id </param> 

/// < returns > 一 个 用 户 对 象 </returns> 

public User GetUserById( int id) 

{ 
string sql = "SELECT * FROM Users WHERE Id = @Id"; 
int userStateId; 
int userRoleId; 


using ( SqlDataReader reader = SqlHelper. ExecuteReader (this. connection, CommandType. 


Text, sql, new SqlParameter("@Id", id))) 
{ 

if (reader. Read()) 

{ 
User user = new User(); 
user. Id = (int)reader["Id"]; 
user. LoginId = (string)reader["LoginId"]; 
user. LoginPwd = (string)reader["LoginPwd"]; 
user. Name = (string)reader["Name"]; 
user. Address = (string)reader["Address"]; 
user. Phone = (string)reader["Phone"]; 
user. Mail = (string)reader["Mail"]; 


userStateId = (int)reader["UserStateId"]; //FK 
userRoleId = (int)reader["UserRoleId"];  //FK 


reader. Close(); 


user. UserState = new UserStateService(). GetUserStateById(userStateId) ; 
user. UserRole = new UserRoleService().GetUserRoleById(userRoleId); 


return user; 
} 
else 
{ 

return null; 


} 


添加 一 个 根据 用 户 对 象 修改 用 户 信息 的 方法 ,代码 如 下 : 


/// < summary> 

/// 修改 用 户 信息 

/// </summary> 

/// <param name = "user"></param> 

public bool ModifyUser(User user) 

{ 

string sql = "UPDATE Users " + "SET "十 

"UserStateId = @UserStateId, " + 
"UserRoleId = @UserRoleId，"” + 
"LoginId = @LoginId, " + 
"LoginPwd = (@LoginPwd, " + 
"Name = @Name, " + 


//FK 
//FK 
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"Address = @Address, " + 

"Phone = @Phone, " + 

"Mail = @Mail " + "WHERE Id = @Id"; 
SqlParameter[] para = new SqlParameter[ ] 


{ 
new SqlParameter("@Id", user. Id), 
new SqlParameter("@UserStateId"，user.UserState. Id), //FK 
new SqlParameter("(@UserRoleId", user. UserRole. Id), //FK 


new SqlParameter("(@LoginId", user.LoginId), 
new SqlParameter("@LoginPwd"，user. LoginPwd), 
new SqlParameter("(@Name", user. Name), 
new SqlParameter("(@Address", user.Address), 
new SqlParameter("(@Phone", user.Phone), 
new SqlParameter("(@Mail", user.Mail) 
}; 
return SqlHelper. ExecuteNonQuery(this. connection, CommandType. Text, sql, para) > 0; 


) 会 员 状 态 管理 业务 逻辑 层 的 实现 
在 BookShopBLL 项 目的 类 文件 UserManager. cs 中 ,添加 业务 逻辑 处 理 代码 ,代码 比 
较 简 单 ,在 此 省 略 。 


2. 用 户 信息 更 新 表示 层 的 设计 与 实现 


(1) 基于 管理 端 母 版 页 Admin. master 创建 内 容 页 UserList. aspx, 并 从 工具 箱 拖 人 
GridView 控件 至 页 面 ,设置 GridView 控件 的 ID 属性 值 为 gvMain, DataKeysNames 属性 
值 为 Id, 在 “GridView 任务 "窗口 中 选择 “编辑 列 ? 选 项 ,对 字段 进行 编辑 。 设 置 完成 后 ,代码 
如 下 : 


<asp:GridView ID = "gvMain" runat = "server" AutoGenerateColumns = "False" 
CellPadding = "0" CssClass = "data table" DataKeyNames = "Id" AllowPaging = "True" 
PageSize = "3" OnRowDataBound = "gvMain _ RowDataBound" 
OnRowCommand = "gvMain_RowCommand" 
OnPageIndexChanging = "gv_PageIndexChanging"> 
< Columns > 
<% -- 其 他 代码 省 略 -- %> 
< asp:CommandField HeaderText = "操作 ”ShowSelectButton = "True"” /> 
< -- 其 他 代码 省 略 -一 %> 
</Columns > 
<% -其 他 代码 省 略 -- %> 
</asp:GridView> 


在 用 户 显示 页 后 置 代码 文件 UserList. aspx. cs 中 编写 单 击 某 一 条 记录 的 “选择 按钮 
事件 方法 代码 如 下 : 


/// < summary> 
/// 单 击 某 一 条 记录 的 "选择 "按钮 事件 方法 
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/// </summary> 
protected void gvMain SelectedIndexChanging(object sender, GridViewSelectEventArgs e) 
{ 

int index = e.NewSelectedIndex; // 获 取 新 选择 的 行 

string key = this.gvMain. DataKeys[ index]. Value. ToString(); 

Response. Redirect ("UserEdit.aspx?Id=" + key); 


(2) 基于 管理 端 母 版 页 Admin. master 创建 内 容 页 UserEdit. aspx, 用 于 更 新 从 页 面 
UserList. aspx 传递 过 来 的 Id 所 对 应 的 用 户 信息 ,UserEdit. aspx 页 面 代码 如 下 : 


< table cellspacing = "1" cellpadding= "3" class = "table_edit"> 
<tr> 
<th> 用 户 Id</th> 
<td>< asp:Label ID = "lblLoginId" runat = "server" ></asp:Label ></td> 
</tr> 
<tr> 
<th> 姓 名 </th> 
<td> 
< asp:TextBox ID = "txtName" runat ="server" Text = '<%# Bind("Name" ) %>'> 
</asp: TextBox > 
< asp: RequiredFieldValidator ID = "valrName" runat = "server" ControlToValidate 
= "txtName" ErrorMessage = "请 填写 姓名 "></asp:RequiredFieldValidator > 
</td> 
</tr> 
<tr> 
<th> 电 话 </th> 
<td> 
< asp:TextBox ID = "txtPhone" runat = " server”Text = '<%# Bind("Phone" ) %>'> 
</asp: TextBox > 
<asp:RequiredFieldValidator ControlToValidate = "txtPhone" ID = "valrPhone" 
runat = "server" ErrorMessage = "请 填写 电话 "></asp:RequiredFieldValidator > 
< asp:RegularExpressionValidator ID = "valePhone" runat = "server”ControlTbValidate = 
"txtPhone” ErrorMessage = "电话 号 码 输入 不 正确 " ValidationExpression= 
"(\(\d{3}\) |\d{3} - )?\d{11}"></asp:RegularExpressionValidator > 
</td> 
</tr> 
EE 
<th> 地 址 </th> 
<td> 
< asp: TextBox ID = "txthddress”runat ="server" Text = '<%# Bind("Address") %>'> 
</asp: TextBox > 
< asp:RequiredFieldValidator ID = "valrAddress" runat = "server" ControlToValidate = 
"txtAddress” ErrorMessage = "请 输入 地 址 "></asp:RequiredFieldValidator > 
</td> 
</tr> 
wtr 
<th> E-Mail </th> 
<td> 
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< asp:TextBox ID = "txtMail”runat ="server" Text = '<%# Bind("Mail" ) %>'> 
</asp:TextBox> 
<asp:RequiredFieldValidator ID = "valrMail”runat = "server" ControlToValidate 
= "txtMail" 
ErrorMessage = "请 输入 Email 地 址 "> </asp:RequiredFieldValidator > 
< asp:RegularExpressionValidator ID = "valeMail" runat = "server" 
ControlToValidate = "txtMail" ErrorMessage= "Email 地 址 不 正确 " 
ValidationExpression="\w+ ([—+.']\wt+)*@\wt+([-.]\w+) 
#\.\wt([=. J]\w+)*"> 
</asp:RegularExpressionValidator > 
</td> 
</tr> 
<tr> 
< td colspan = "2"> &nbsp; <asp:Button ID = "bntSave" runat = "server" Text = "保存 " 
OnClick = "bntSave Click" /></td> 
</tr> 
</table> 


注意 : 这 里 绑 定 字段 的 方法 为 Bind(" 字 段 名 "), 还 能 回忆 起 它 与 Eval(" 字 段 名 ") 的 区 
别 吗 ? 此 外 ,还 对 提交 的 内 容 进 行 非 空 及 合法 性 验证 。 

在 用 户 信息 更 新 页 后 置 代码 文件 UserEdit. aspx. cs 中 编程 实现 用 户 信息 绑 定 及 更 新 
功能 ,代码 如 下 : 


using BookShop. Models; 
using BookShop. BLL; 


public partial class Admin UserEdit : System. Web. UI. Page 
{ 
protected void Page_Load(object sender，EventArgs e)// 页 面 加 载 事 件 方法 代码 
{ 
if (!IsPostBack) 
' 
User user = new User(); 
UserManager manager = new UserManager(); 
user = manager.GetUserById(Convert.ToInt32(Request. QueryString[ "id"])); 
lblLoginId. Text = user.LoginId; 
txtName. Text = user. Name; 
txtMail. Text = user.Mail; 
txtPhone. Text = user.Phone; 
txtAddress. Text = user.Address; 
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protected void bntSave_Click(object sender,EventArgs e)// 单 击 "保存 "按钮 事件 方法 代码 
User user = new User(); 
UserManager manager = new UserManager(); 
user = manager.GetUserById(Convert. ToInt32(Request. QueryString[ "id"])); 
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User. Name = txtName. Text; 

user.Mail = txtMail.Text; 

user. Phone = txtPhone. Text; 

user,. Address = txtAddress. Text; 

manager. ModifyUser (user); 

Response. Redirect("~/admin/UserList.aspx"); 


任务 9-2-3 实现 “新 知 书店 ”管理 端 用 户 信 息 的 删除 


【任务 描述 】 
在 任务 9-2-2 的 基础 上 ,实现 “新 知 书 店 " 管 理 端 用 户 信息 的 单 选 删除 功能 ,效果 如 图 9-12 


所 示 。 单 击 一 条 记录 的 “删除 ”按钮 ,给 出 提示 ,如 果 确认 删除 则 将 当前 记录 删除 ,否则 不 执 


除 操作 。 
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图 9-12 “新 知 书店 ”管理 端 用 户 信息 删除 效果 
【任务 实施 】 
1. 用 户 信息 删除 数据 访问 层 与 业务 逻辑 层 的 实现 
实现 单 选 删 除 用 户 ,数据 访问 层 和 业务 逻辑 层 需 要 根据 选中 的 用 户 记录 的 ID 值 执行 删 


除 操作 。 


1) 用 户 信 息 删 除数 据 访问 层 的 实现 
在 BookShopDAL 项 目的 UserService. cs 类 中 ,添加 根据 用 户 ID 执行 删除 操作 的 


DeleteUserByld(int id) 方 法 ,代码 如 下 : 


/// < summary> 

/// 根据 ID 删除 用 户 

/// </summary> 

/// <param name = "id"></param> 
public bool DeleteUserById(int id) 
{ 
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string sql = (@"DELETE OrderBook WHERE OrderID IN(SELECT Orders. Id FROM Orders 
INNER JOIN Users ON Orders.UserId = Users. Id WHERE UserId= @Id) 
DELETE Orders where UserId= @Id 
DELETE Users WHERE Id = @Id"; 

SqlParameter[ ] para = new SqlParameter[ ] 

new SqlParameter("@Id", id) 
}; 
return SqlHelper. ExecuteNonQuery(this. connection, CommandType. Text, sql, para) > 0; 
} 


DeleteUserById(int id) 方 法 的 SQL 语句 较为 复杂 ,作用 是 当 删 除 一 个 用 户 信息 时 ,该 
用 户 在 “新 知 书店 ”数据 库 中 其 他 数据 表 中 的 相应 信息 均 应 被 删除 ,读者 需 仔细 研读 。 

2) 用 户 信息 删除 业务 逻辑 层 的 实现 

在 BookShopBLL 项 目的 类 文件 UserManager. cs 中 ,添加 业务 逻辑 处 理 代 码 , 比 较 简 
单 , 在 此 省 略 代码 。 


2. 用 户 信息 删除 表示 层 的 设计 与 实现 


在 页 面 UserList. aspx 的 基础 上 ,添加 “删除 ”模板 列 ,代码 如 下 : 


<asp:GridView ID= "gvMain" runat = "server" AutoGenerateColumns = "False" 
CellPadding = "0" CssClass = "data table"” DataKeyNames = "Id" AllowPaging = "True" 
PageSize = "3" OnRowDataBound = "gvMain_RowDataBound" 
OnRowCommand = "gvMain_RowCommand" 
OnPageIndexChanging = "gv_PageIndexChanging"> 
<Columns> 
<% 一- 其 他 代码 省 略 -- > 
< asp: TemplateField ShowHeader = "False"> 
< ItemTemplate > 
< asp:LinkButton ID= "lbtnDelete" runat = "server" 
CausesValidation = "False" CommandName = "Del" 
CommandArgument = '< 名 # Eval("Id") %>' Text = "删除 "> 
</asp:LinkButton > 
</ItemTemplate > 
</asp: TemplateField> 
<% 一 - 其 他 代码 省 略 -- > 
</Columns > 
< -- 其 他 代码 省 略 -一 %> 
</asp:GridView> 


在 用 户 显示 页 后 置 代码 文件 UserList. aspx. cs 中 给 “删除 ”按钮 注册 JavaScript 脚本 ， 
并 编写 单 击 某 一 条 记录 对 应 的 “删除 ”按钮 事件 方法 ,代码 如 下 : 


/// < summary> 

/// 绑 定 时 ,为 删除 增加 确认 对 话 框 

/// </summary> 

protected void gvMain_ RowDataBound(object sender, GridViewRowEventArgs e) 
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if (e. Row. RowType == DataControlRowType. DataRow) 
i 
LinkButton lb = e.Row.FindControl("lbtnDelete") as LinkButton; 
1b. Attributes. Add( "onclick", "return confirm( ' 删 除 用 户 会 将 与 此 用 户 相 关 的 订单 一 起 
圳 除 ,确认 删除 吗 ?')"); 
} 
上 


/// < summary> 
/// 单 击 某 一 条 记录 的 "删除 "按钮 事件 方法 
/// </summary> 
protected void gvMain RowCommand(object sender, GridViewCommandEventArgs e) 
{ 
if (e. CommandName == "Del") 
int id = Convert.ToInt32(e.CommandArgument); 
new UserManager( ). DeleteUserById(id); 
this. gvMain. DataSource = new UserManager().GetNormalUsers(); 
this. gvMain. DataBind( ) ; 


任务 9-2-4 实现 “新 知 书店 ”管理 端 图 书信 息 的 删除 


【任务 描述 】 
在 任务 8-2-1 图 书 列表 页 BookList. aspx 的 基础 上 ,为 “新 知 书店 ”管理 端 图 书信 息 显示 
页 面 添加 多 选 删除 功能 ,效果 如 图 9-13 所 示 。 
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图 9-13 “新 知 书店 ”管理 端 图 书信 息 的 多 选 删除 效果 


选择 要 删除 的 图 书记 录 并 单 击 “ 删 除 ”按钮 ,弹出 “确认 删除 吗 ?” 信 息 提 示 框 ,如 果 确 认 
删除 , 则 选中 的 图 书记 录 全 部 删除 ,否则 不 执行 删除 操作 。 
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【任务 实施 】 
1. 图 书信 息 多 选 删除 数据 访问 层 与 业务 逻辑 层 的 实现 


实现 多 选 删除 图 书信 息 ,数据 访问 层 和 业务 逻辑 层 需要 根据 选中 的 图 书记 录 ID 值 执行 
删除 操作 ,再 者 “新知 书店 ?具有 在 线 销 售 功能 , 若 某 一 图 书信 息 已 经 从 图 书 表 Books 中 被 
删除 ,在 图 书 订单 表 OrderBook 中 却 还 有 该 图 书 的 订购 信息 ,这 是 严重 的 逻辑 错误 。 为 了 
避免 出 现 这 种 错误 ,要 建立 Books 表 与 OrderBook 表 的 主 外 键 约束 关系 ,在 删除 Books 表 
中 某 一 图 书信 息 之 前 ,要 先 删除 OrderBook 中 对 应 的 图 书信 息 。 

1) 图 书信 息 多 选 删 除数 据 访 问 层 的 实现 

在 BookShopDAL 项 目 中 添加 类 文件 OrderService. cs, 编写 根据 图 书 ID 值 从 
OrderBook 表 中 执行 删除 操作 的 DeleteOrderBookById(int id) 方 法 ,代码 如 下 : 


using BookShop. Models; 
using System. Configuration; 
namespace BookShop. DAL 
{ 
public class OrderService 
| 
string connection = ConfigurationManager. ConnectionStrings["BookShop" ]. ConnectionString7 


/// < summary> 
/// 根 据 图 书 Id 值 在 OrderBook 表 中 执行 图 书信 息 相关 删除 操作 
/// </summary> 


/// <param name = "id"> 图 书 Id</param> 
public bool DeleteOrderBookById( int id) 
{ 
string sql = "DELETE OrderBook WHERE BookID = (@BookID"; 
SqlParameter[ ] para = new SqlParameter[] 
{ 
new SqlParameter("(@BookID", id) 
}; 
return SqlHelper. ExecuteNonQuery( this. connection, CommandType. Text, sql, para) > 0; 
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在 BookShopDAL 项 目的 BookService. cs 类 中 ,添加 根据 图 书 ID 值 从 Books 表 执 行 删 
除 图 书信 息 的 方法 ,代码 如 下 : 


/// < summary> 
/// 根据 图 书 Id 值 在 Books 表 中 执行 删除 图 书信 息 
/// </summary> 
/// <param name = "id"> 图 书 Id </param > 
/// < returns></returns> 
public bool DeleteBookById(int id) 
{ 
string sql = "DELETE Books WHERE Id = @Id"; 
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SqlParameter[ ] para = new SqlParameter[ ] 
new SqlParameter("@Id", id) 
}; 
return SqlHelper. ExecuteNonQuery(this. connection, CommandType. Text, sql, para) > 0; 
1 


2) 图 书信 息 多 选 删除 业务 逻辑 层 的 实现 
在 BookShopBLL 项 目的 类 文件 OrderManage. cs 和 BookManager. cs 中 ,添加 业务 四 
辑 处 理 代码 ,代码 比较 简单 ,此 处 省 略 。 


2. 图书 信息 多 选 删除 表示 层 的 设计 与 实现 
(1) 在 页 面 BookList. aspx 的 基础 上 ,添加 “全 选 ” 模 板 列 ,代码 如 下 : 


< asp:GridView runat = "server" ID= "gvBooks" AutoGenerateColumns = "False" AllowSorting = "True" 
CellPadding = "0" CssClass = "data_table" OnRowDataBound = "gvBooks_RowDataBound" 
OnPageIndexChanging = "gvBooks_PageIndexChanging" AllowPaging = "True" 
DataKeyNames = "id" OnSorting = "gvBooks Sorting" Width= "98%"> 
<Columns> 
<% 一 -其 他 代码 省 略 -- 多 > 
<asp:TemplateField HeaderText = "全 选 "> 
< ItemTemplate> 
< asp: CheckBox runat = " server”ID = "chbSelect” /> 
</ItenTemplate > 
< HeaderTemplate> 
< input type = "checkbox" onclick = "GetAllCheckBox(this)”/> 全 选 
</HeaderTemplate > 
< ControlStyle Width = "50px" /> 
</asp: TemplateField> 
</Columns > 
< 一 -其 他 代码 省 略 -- %> 
</asp:GridView> 


(2) 在 页 面 BookList. aspx 中 添加 “删除 ”按钮 ,代码 如 下 : 


<asp:Button ID = "btnDel" runat = "server" Text = "删除 " OnClick = "btnDel _Click" /> 


(3) 在 页 面 BookList. aspx 中 添加 实现 “全 选 ” 功 能 的 客户 端 JS, 代 码 如 下 : 


< script language = "javascript"> 
function GetAllCheckBox(CheckAl1) { 
var items = document. getElementsByTagName("input"); 
for (i = 0; i < items. length; i++) { 
证 (items[i].type == "checkbox") { 
items[i].checked = CheckAll.checked; 
} 
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</script> 
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(4) 在 后 置 代码 文件 UserList. aspx. cs 中 给 “删除 ”按钮 注册 JavaScript 脚本 ,并 编写 
单 击 “ 删 除 ” 按 钮 事件 方法 ,代码 如 下 : 


protected void Page Load(object sender, EventArgs e) // 页 面 加 载 事件 方法 


{ 


if (!IsPostBack) 


this. gvBooks. Attributes. Add( "SortExpression", "Title");// 给 GridView 添加 排序 字段 
this. gvBooks. Attributes. Add( "SortDirection", "ASC");  // 给 GridView 添加 排序 方式 
BooksDataBind( ) ; // 调 用 图 书信 息 绑 定 方法 
// 给 "删除 "按钮 注册 JavaScript 脚本 

this. btnDel. Attributes. Add( "onclick", "return confirm( ' 确 认 删 除 吗 ?')"); 


/// < summary> 

/// 单 击 "删除 "按钮 事件 方法 

/// </summary> 

Protected void btnDel_Click(object sender, EventArgs e) 


{ 


foreach (GridViewRow gr in this. gvBooks. Rows) // 循 环 每 一 行 


上 


// 获 取 模 板 列 中 的 CheckBox 控件 对 象 
CheckBox chk = gr.FindControl("chbSelect") as CheckBox; 
if (chk. Checked) 


0 


// 获 取 主 键 

string key = this.gvBooks.DataKeys[gr.RowIndex].Value.ToString(); 
BookManager manager = new BookManager(); 

OrderManage order = new OrderManage(); 

// 执 行 删除 操作 

order. DeleteOrderBookByBookId( Convert. ToInt16 (key) ); 

manager. DeleteBookById(Convert. ToInt16(key)); 

BooksDataBind( ) ; // 删 除 后 重新 绑 定 图 书信 息 


@.3 项 目 实 训 


1. 实现 “博客 系统 ”评论 发 表 


【需求 说 明 】 


。 注册 会 员 和 匿名 用 户 都 可 以 使 用 此 功能 。 
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。 在 文章 详细 信息 页 中 提供 发 表 评 论 的 功能 ,将 评论 显示 到 文章 下 面 ,如 图 9-14 所 示 。 
。 可 以 匿名 评论 ,也 可 以 登录 评论 。 
。 发 表 评 论 后 ,该 篇 文章 的 评论 数 加 1。 


文章 内 三 用 户 列表 iUsure Line 
sa 
抽象 方法 和 虑 方法 的 民 别 51aspx 
2014-3-23 19:14:47 纲 榴 要 并 


1.( abstrad 》 抽 要 方法 和 (virtua0) 感 万 法 区 区 别 主 于 : 重 万 法 有 一 个 对 现 吉 分 可 以 被 子 类 继承 ， 从 而 使 子 闫 区 神 和 基 类 
相 网 的 方法 ， 忆 外 也 为 林 生 兴 提 供 了 本 六 方法 的 造 顺 。 相 反 ， 地 系 方 法 涡 有 提供 安 成 吉 分 ， 
《否则 本 生 基 不 能 成 有 具 伟 蕉 】 2,( abstract ) 抽 舍 方法 只 朋 在 神 巢 其中 声明 ,C virtual ) 应 方法 不 是 ，3.( abstradt) 的 
知 法 必须 在 江 生 关中 重 写 而 《 virtual) 虐 放 法 不 必 。 4_( abstrart ) 寺 章法 下 能 声明 六法 实体 ， 虐 方法 可 bl。 包 癌 好 。 天 
舍 方 法 ( 只 有 抽 嫂 从 才 可 以 包车 扯 拿 方法 ) 的 芝 不 陀 实 例 化 《 也 惑 是 说 只 可 以 合用 predectedjDprrvate 修 蓝 往 ) ， 庶 方法 发 表 文章 
Wl, 


访客 评论 
好 文章 
Wad, 26 Mar 2014 22:59:35 GMT 呢 敬 ; xhq 
发 表 评 论 {请 不 要 超过 200 字 ) 


mw: 


评论 内 容 : 


加 2014 Baidu 便 用 百 硬 宰 作 识 素 CRE030173 导 Cold 版 权 所 有 


图 9-14 “博客 系统 "评论 发 表 页 效果 (article. aspx) 


2. 实现 “博客 系统 "评论 显示 


【需求 说 明 】 

。 注册 会 员 和 匿名 用 户 都 可 以 使 用 此 功能 。 

。 评论 按 内 容 列 表 显 示 ,包括 评 论 内 容 、 评 论 人 ,评论 时 间 。 
(提示 : 用 DataList 控件 实现 评论 内 容 的 绑 定 。) 


@.4 单元 小 结 


GridView 是 ASP.NET 中 最 常用 的 数据 绑 定 控件 之 一 : 它 以 表格 的 方式 实现 数据 的 展 
示 , 集 成 了 显示 、 选 择 、 编 辑 ` 分 页 和 排序 等 功能 ,在 ASP.NET 的 数据 绑 定 控件 中 非常 具有 
代表 性 。 本 单元 讲述 了 GridView 控件 基于 单元 格 的 数据 获取 及 更 新 ,并 阐述 了 GridView 
常用 事件 的 处 理 和 数据 删除 ,其 他 数据 绑 定 控件 与 GridView 控件 的 使 用 大 同 小 异 ,掌握 了 
GridView 控件 的 相关 操作 之 后 ,使 用 其 他 数据 绑 定 控件 也 就 不 存在 障碍 。 本 单元 知识 体系 
如 图 9-15 所 示 。 
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获取 GridView 单 元 格 数据 设置 绑 定 主键 
-~ 通过 DataKeys 属 性 获取 
= 回 其 取 主 名人 


设置 模板 列 
添加 命令 按钮 

基于 单元 格 的 数据 更 新 -| RowEditing 事 件 
处 理事 件 _ RowUpdating 事 件 


RowCancelingEdit 事 件 
数据 绑 定 控件 应 用 进 阶 


展示 光 棒 效果 
行 多 选 效果 
行 编辑 
Gridview 的 事件 _| 四 行 更 新 
行 取消 编辑 
行 命令 
行 删 除 多 行 出 除 效果 


图 9-15 数据 绑 定 控件 高 级 应 用 知识 体系 


6.5 单元 练习 题 


一 、 选 择 题 

下 列 ( ) 能 够 正确 获取 到 GridView 中 的 第 三 行 第 一 列 的 值 。 
. this. GridView1. Row[2]. Cell[0]. Text 
.this. GridView1. Row[3]. CellL1]. Value 
. GridViewRow gvr=this. GridView1. Rows[3]; 

String text= gvr. Cell[1]. Text; 
D. GridViewRow gvr=this. GridView1. Rows[2]; 

String text= gvr. Cell[0]. Text; 

2. 以 下 关于 GridView 的 模板 列 说 法 错误 的 是 (。”)。 
A. 使 用 模板 列 可 以 实现 HyperLinkField 的 功能 
B. 模板 列 在 七 个 数据 绑 定 列 中 是 最 灵活 的 
C. 在 模板 列 中 的 EditTemplate 中 可 以 为 输入 控件 添加 验证 
D. 
3。 
A 


员 基于 


nN 


. 模板 列 中 可 以 添加 ASP.NET 控件 ,但 不 能 添加 HTML 
以 下 ( ) 事 件 在 GridView 完成 每 一 行 绑 定数 据 时 引发 。 

. DataBound B. RowDataBound C. RowCreated D. DataBinding 

4. 在 ASP.NET 中 ,要 求 GridView 显示 数据 时 ,偶数 行 的 文字 为 绿色 , 则 下 面 代码 中 
应 该 填写 的 是 ( Ds 

protected void gvPetShop (object sender, GridViewRowEventArgs e) 
{ 

if(€. Row. RowType == DataControlRowType. DataRow) 
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A 


if( %2!= 0) 


e. Row. .Add("style", "color:green"); 


A. RowUpdating gvPetShop. currentIndex Styles 

B. DataBound e. Row. RowIndex Attributes 
C. RowDataBound gvPetShop. currentIndex Styles 

D. RowDataBound  e. Row. RowIndex Attributes 
二 、 简 答题 


1. 简 述 实现 GridView 基于 单元 格 更 新 的 实现 过 程 。 
2. 为 什么 给 EditItemTemplate 中 的 DropDownList 对 象 赋 初 值 的 时 候 不 从 
ItemTemplate 中 的 Label 读 取 ,而 要 在 EditItemTemplate 中 放 一 个 HiddenFiled 对 象 ? 


ls 


教学 目标 : 

昌 掌握 数据 绑 定 Eval 和 Bind。 

四 使 用 GridView 展示 多 条 数据 。 

四 掌握 购物 车 的 业务 需求 与 增删 、 改 功能 。 


(10.1 单元 任务 


任务 10-1-1 设计 “新 知 书店 ”购物 车 商品 实体 类 


【任务 描述 】 
“新 知 书 店 ” 购 物 车 商品 实体 需要 保存 图 书 的 信息 及 该 书 的 购买 数量 。 
参考 代码 如 下 : 


public class ShoppingItem 
{ 
private Book book; 
private int quantity; 
public Book Book // 采 用 图 书 类 型 作为 Book 属性 的 类 型 
| 
get { return book; } 
set { book = value; } 
public int Quantity // 图 书 购买 数量 
| 
get { return quantity; } 
set { quantity = value; } 
} 
public ShoppingItenm( ) // 构 造 方法 


public ShoppingItem(Book book，int quantity) 
this. book = book; 
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Ae 


this. quantity = quantity; 
) 


任务 10-1-2 设计 “新 知 书店 ”购物 车 类 的 业务 逻辑 


【任务 描述 】 
所 有 的 网 上 购物 系统 中 ,都 实现 了 购物 车 功能 ,其 过 程 与 在 商场 将 需要 购买 的 物品 装 人 


购物 车 类 似 , 如 图 10-1 所 示 。 


—> 


EY EY 
人 -0-9 
图 10-1 网 上 购物 流程 

从 用 户 选取 商品 ,到 结算 的 过 程 都 是 在 使 用 购物 车 进行 数据 的 存储 ,那么 如 何 实 现 购物 
车 呢 ? 

购物 车 一 般 具 有 以 下 功能 : 

。 把 商品 装 入 购物 车 。 

。 显示 购物 车 中 的 商品 。 

。 编辑 购物 车 中 的 商品 ,主要 是 商品 数量 ,并 重新 计算 商品 总 价 。 

。 移 除 购物 车 中 的 商品 。 

。 清空 购物 车 中 的 商品 。 

本 书 为 突出 购物 车 的 关键 业务 逻辑 ,对 购物 流程 中 填写 收 货 信息 及 支付 等 不 予 分 析 。 

主要 代码 如 下 : 


public class ShoppingManager 
{ 
private List < ShoppingItem > shoppingItenms; 
private User user; 
public User User 
L 
get { return user; } 
set { user = value; } 


} 


/// < summary> 
/// 获得 购物 车 书籍 列表 
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/// </summary> 
public List < ShoppingItem > ShoppingItems 
get 
{ 
证 (this. shoppingItems == null) 
this. shoppingItems = new List< ShoppingItem>(); 
return this. shoppingItems; 
} 
set { this. shoppingItems = value; } 


public ShoppingManager(object shoppingItems) 
{ 
this. ShoppingItems = shoppingItems as List < ShoppingItem >; 


public ShoppingManager (object shoppingItems, object user) 
! 


this. ShoppingItems = shoppingItems as List < ShoppingItem>; 
this. User = user as User; 


/// < summary> 
/// 添加 书籍 
/// </summary> 
/// <param name = "bookId"></param> 
public void AddItem( int bookId) 
|! 
bool hadBuy = false; 
foreach (ShoppingItem item in this. ShoppingItems) 
{ 
if (item. Book. Id == bookId) 
{ 
hadBuy = true; 
item. Quantity += 1; 
break; 


} 

if (!hadBuy) 

{ 
Book book = new BookService().GetBookById(bookId); 
this. ShoppingItems. Add( new ShoppingItem( book, 1)); 


/// < summary> 

/// 删除 书籍 

/// </summary> 

/// <param name = "bookId"></param> 
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public void RemoveItem( int bookId) 
for (int i = 0; i < this.ShoppingItems.Count; i++) 
i 
证 (this. ShoppingItems[i].Book. Id == bookId) 
{ 
this. ShoppingItems. Remove(this. ShoppingItems[i]); 
} 


. 


/// < summary> 
/// 更 新 购买 书籍 数量 
/// </summary> 
/// <param name = "bookId"></param> 
/// <param name = "quantity"></param> 
public void UpdateQuantity( int bookId, int quantity) 
( 
foreach (ShoppingItem item in this. ShoppingItems) 
{ 
if (item. Book. Id == bookId) 
{ 
item. Quantity = quantity; 
break; 
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/// < summary> 
/// 由 购物 车 生成 订单 
/// </summary> 
public void MakeOrder() 
{ 

if (this. user != null && this. ShoppingItems.Count > 0) 

new OrderService( ). MakeOrder(this. ShoppingItems, this.user,true); 

} 


/// < summary> 
/1/ 计算 总 价 
/// </summary> 
public decimal TotalPrice 
i 
get 
上 
decimal totalPrice = 0; 
foreach (ShoppingItem item in this. ShoppingItems) 
{ 
totalPrice += item.Quantity # item.Book.UnitPrice; 


return totalPrice; 
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这 里 要 注意 的 是 ,因为 最 终 的 数据 是 通过 订单 模块 在 人 数据库 中 的 ,所 以 只 在 业务 逻辑 
层 构 建 了 ShoppingManager 类 ,而 在 数据 访问 层 则 没有 。 


任务 10-1-3 实现 “新 知 书店 ”购物 车 界面 设计 及 显示 


【任务 描述 】 

实现 “新 知 书店 ”购物 车 界面 设计 及 绑 定 数据 并 显示 的 功能 。 购 物 车 显示 及 编辑 功能 如 
图 10-2 所 示 ( 注 意 : 在 本 书 配 套 资源 中 ,购物 车 页 面 ShoppingCart. aspx 的 正常 显示 需要 从 
解决 方案 BookShop 下 的 BookDetail. aspx 页 面 中 单 击 “ 购 买 ” 按 钮 进行 链接 ; 从 页 面 
BookDetailsView. aspx 中 单 击 “ 购 买 ”按钮 的 方式 没有 实现 ,读者 可 以 思考 ,并 实现 )。 

部 分 重要 代码 参考 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
{ 
User user = Session["CurrentUser"] as User; 
if (user == null) 
Page. RegisterClientScriptBlock(""，"< script > alert( ' 登 录 超 时 , 请 重新 登录 ! '); 
document. location = 'Login. aspx';</script >"); 
return; 
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if (!IsPostBack) // 首 次 加 载 
ff 
if (Session["Cart"] != null) 
{ 
ShoppingManager manager = new ShoppingManager(Session["Cart"], user); 
this. gvCart. DataSource = manager.ShoppingItems; 
this. gvCart. DataBind( ); 
this. ltrSalary. Text = string.Format("{0:F}", manager. TotalPrice); 


» 
运行 购物 车 页 面 ShoppingCart. aspx, 效 果 如 图 10-2 所 示 。 
任务 10-1-4 实现 “新 知 书店 ”购物 车 的 增 、 删 、 改 


【任务 描述 】 

实现 向 “新 知 书店 ”购物 车 中 添加 书籍 ,修改 购买 数量 、 删 除 书籍 及 计算 总 价 的 功能 。 

难点 提示 : 可 以 通过 GridView 实现 向 购物 车 添加 记录 ,并 显示 ; 分 别 实现 GridView 
中 更 新 删除 和 取消 按钮 的 事件 处 理 。 
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图 10-2 “新 知 书店 ”购物 车 效果 
部 分 参考 代码 如 下 : 


/// < summary> 
/// 结算 生成 订单 
/// </summary> 
Pprotected void btnCheckOut_Click(object sender, EventArgs e) 

ShoppingManager manager = new ShoppingManager ( Session [ " Cart"], Session [" 
CurrentUser" ]); 

if (manager. ShoppingItems.Count == 0) 
Page. RegisterClientScriptBlock(""，"< script > alert( ' 您 的 购物 车 为 空 ,请 先 将 图 书 放 

人 购物 车 ! ') ;document. location = 'BookList. aspx';</script >"); 


return; 
: 
if (manager. User == null) 
{ 


Page. RegisterClientScriptBlock("", "< script > alert( ' 登 录 超 时 , 请 重新 登录 ! '); 
document. location = 'Login. aspx';</script >"); 
return; 
1 
manager. MakeOrder( ); 
Session. Remove( "Cart"); 
Page. RegisterClientScriptBlock(""，"< script > alert ( ' 结 算 成 功 , 请 等 待 审 批 订单 ! '); 
document. location = 'BookList.aspx';</script >"); 


单元 10 ”指导 学 习 : “新 知 书店 ”购物 功能 的 设计 与 实现 


/// < summary> 
/// GridView 删除 按钮 处 理事 件 
/// </summary> 
protected void gvCart_ RowDeleting(object sender, GridViewDeleteEventArgs e) 
{ 
ShoppingManager manager = new ShoppingManager(Session["Cart"]); 
Label lblBookId = this. gvCart. Rows[e. RowIndex].FindControl("1blBookId" ) as Label; 
int bookId = int.Parse(1b1BookId. Text); 
manager. RemoveItem(bookId) ; 
Session["Cart"] = manager.ShoppingItems; 
this. gvCart. DataSource = manager.ShoppingItems; 
this. gvCart. DataBind( ); 
this. ltrSalary. Text = string.Format("{0:F}", manager.TotalPrice); 


/// < summary> 
/// GridView 取消 按钮 处 理事 件 
/// </summary> 
protected void gvCart_ RowCancelingEdit(object sender, GridViewCancelEditEventArgs e) 
{ 
this. gvCart. EditIndex = —1; 
this. gvCart. DataSource = Session["Cart"] as List < ShoppingItem>; 
this. gvCart. DataBind( ); 


/// < summary> 
/// GridView 更 新 按钮 处 理事 件 
/// </summary> 
protected void gvCart_RowUpdating(object sender, GridViewUpdateEventArgs e) 
{ 
ShoppingManager manager = new ShoppingManager(Session["Cart"]); 
foreach (GridViewRow dr in this. gvCart. Rows) 
{ 
Label lblBookId = this. gvCart.Rows[e.RowIndex].FindControl("1lblBookId") as Label; 
TextBox txtQuantity = this. gvCart. Rows[e. RowIndex]. FindControl("txtQuantity") as 
TextBox; 
int bookId = int.Parse(1b1BookId. Text); 
int quantity = int.Parse(txtQuantity. Text); 
manager. UpdateQuantity(bookId, quantity); 


Session["Cart"] = manager. ShoppingItems; 

this. gvCart. EditIndex = 一 17 

this. gvCart. DataSource = manager.ShoppingItems; 

this. gvCart. DataBind( ); 

this. ltrSalary. Text = string.Format("{0:F}", manager. TotalPrice); 


/// < summary> 
/// GridView 数据 绑 定 后 激发 的 事件 
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/// </summary> 
Protected void gvCart_ RowDataBound(object sender, GridViewRowEventArgs e) 
4 

if (e. Row. RowTYpe == DataControlRowType. DataRow) 


LinkButton lbtnDelete = e.Row.FindControl("lbtnDelete") as LinkButton; 
lbtnDelete. Attributes. Add("onclick", "return confirm( ' 确 定 删除 吗 ?')"); 
} 
} 
/// < summary> 
/// GridView 编辑 按钮 处 理事 件 
/// </summary> 


protected void gvCart_ RowEditing(object sender, GridViewEditEventArgs e) 
{ 
this. gvCart. EditIndex = e.NewEditIndex; 
this. gvCart. DataSource = Session["Cart"] as List < ShoppingItenm>; 
this. gvCart. DataBind( ); 


(10.2 单元 小 结 
A 


本 单元 以 综合 练习 的 方式 要 求 分 阶段 完成 “新 知 图 书 ” 前 台 购 物 车 功能 的 设计 与 实现 ， 


依次 从 购物 车 的 需求 分 析 、 设 计 与 实现 .购物 车 的 界面 设计 与 显示 、 购 物 车 的 编辑 ( 增 、 删 、 
改 ) 给 出 了 需求 描述 和 操作 提示 。 读 者 通过 完成 本 单元 的 操作 任务 ,能 熟练 掌握 Web 网 站 
购物 功能 的 实现 方法 和 技术 。 
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